為什么更改NgOninit上的父級數據不會導致ExpressionChangedAfterItHaHasBeenCheckedError？

Question

在這個例子下

parentComponent {
  text = 'dsfsdf';
}

childComponent implements Oninit {
    @Input() text;
   ngOnInit() {
     this.text = 'something else';
    }
}

為什么這不會引起ExpressionChangedAfterItHasBeenCheckedError？ 發生此錯誤的簡單方法是什么？

Answer 1

這不會觸發ExpressionChangedAfterItHasBeenCheckedError因為更改@Input參數的值不會觸發任何事件給父對象，因此它根本不會重新呈現。

發生此錯誤的簡單方法：

<div>{{functionThatReturnsDifferentValueOnEveryCall()}}</div>

...

count = 0;

functionThatReturnsDifferentValueOnEveryCall() {
   return count++;
}