Angular2：プロパティバインドはいつ行われますか？

Question

私はちょうどAngular2で始まり、公式ドキュメントを読んでいます。しかし、バインディングがいつどのように起こるかについて具体的な詳細は見つかっておらず、期待通りに動作しないようです。

私は5秒後に変更するには、子コンポーネントによって表示されるテキストは、しかし、そうでない期待するシンプルな子コンポーネント

@Component({ 
    selector: 'dummy', 
    template: ` 
    <div>{{data}}</div> 
    ` 
}) 
export class Dummy { 
    @Input() data; 

} 

とルートコンポーネント

@Component({ 
    selector: 'main', 
    template: ` 
    <h1>hello</h1> 
    <dummy [data]="data"></dummy> 
    ` 
}) 
export class MainComponent { 
    data: string = "initial text"; 

    ngOnInit() { 
     setTimeout(this.initData, 5000); 
    } 

    initData() { 
     this.data = "new text"; 
    } 
} 

を持っています。私は間違って何をしていますか？ドキュメントでは、どのような条件でバウンド値が初期化され、更新されるのかについて説明していますか？

Answer 1

あなたはthisの文脈を失っています。 setTimeoutコールバックが実行された時点で、thisはコンポーネントを指していません。 javascript this problemについて少し調べたいかもしれません。

試してみてください。

setTimeout(()=>{ 
     this.data = "new text"; 
},5000); 

Answer 2

あなたはのOnInitインターフェイスをインポートして、あなたのコンポーネントがそれを実装するために忘れてしまいました。

import { Component, OnInit } from '@angular/core';

そして

export class MainComponent implements OnInit { ... }