值更改时不调用ngOnChange

时间:2017-10-12 05:58:54

标签: angular

我已设置plunk

我正在点击按钮更改对象的bool属性,点击ngOnchange应该已触发,但未发生。为什么?。是否与父组件和子组件之间共享相同的对象引用?

1 个答案:

答案 0 :(得分:8)

角度变化检测仅检查对象标识 如果修改对象的内容,Angular将无法识别 如果你有一个绑定到一个对象或一个数组项的属性,Angular将检查绑定思想,但仍然不会调用ngOnChanges

这种设计的原因是性能。如果Angular需要进行深度对象比较,变更检测将成为更大的性能负担。

解决方法是复制对象或数组,以创建具有不同对象ID的新对象。角度变化检测会将其识别为更改并更新与子组件的绑定。

  this.data.status = !this.data.status
  this.data = Object.assign({}, this.data);

或数组

  this.data = this.data.slice();

Plunker example

其他方法是在子组件中实现DoCheck并自行进行比较,而不是依赖于更改检测。