typescript - Angular 2 View 不更新数组更改

Question

我有一组具有属性 name 和 age 的对象。数组的名称是 person。

问题是当我将数组元素的属性更新为:

this.person[0].name = "教父";

原始数组已更新，但组件 View 保持原样。我发现问题是 Angular 变化检测没有将数组内的更新视为变化。所以，我尝试了以下语句(更改对数组的引用):

this.person = this.person.slice();

我只是想知道，使用后面的语句是一种好的做法还是有更好的方法来处理上述问题？

Answer 1

这取决于此 slice() 操作的成本。如果它用于小型阵列，它可能不会造成任何危害，但如果它用于大型阵列，则可能会导致显着的性能问题。在这种情况下，使用可观察对象主动通知接收者更改是更好的方法。