angular – 当值改变时不调用ngOnChange

发布时间：2020-12-17 17:03:37 所属栏目：安全来源：网络整理

导读：我已经设置了 plunk 我点击按钮更改对象的bool属性,点击ngOnchange应该触发不发生的事情.为什么？.是否与父组件和子组件之间共享同一对象引用有关？解决方法角度变化检测仅检查对象标识. 如果修改对象的内容,Angular将无法识别. 如果你有一个绑定到一个对

我已经设置了 plunk

我点击按钮更改对象的bool属性,点击ngOnchange应该触发不发生的事情.为什么？.是否与父组件和子组件之间共享同一对象引用有关？

角度变化检测仅检查对象标识.
如果修改对象的内容,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并自己进行比较,而不是依赖于更改检测.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!