javascript - Angular 2 : when does property binding happen?

Question

我刚刚开始使用 Angular2，正在阅读官方文档。但是，我还没有找到有关绑定(bind)如何以及何时发生的具体细节，并且事情似乎没有按我的预期进行。

我有一个简单的子组件

@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";
    }
}

我希望子组件显示的文本在 5 秒后发生变化，但事实并非如此。我究竟做错了什么？文档是否解释了何时以及在什么条件下初始化和更新绑定(bind)值？

Answer 1

您正在失去此的上下文。当 setTimeout 回调运行时，this 不再指向该组件。您可能想检查一下有关 javascript 这个问题的信息。

尝试:

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