angularjs - quick-ng-repeat 不更新 View

Question

我使用quick-ng-repeat Quick-ng-repeat让我的列表迭代，因为它是一个巨大的列表，我会提高性能。

现在我认识到，如果我更改模型，则不会使用以下代码更新 View :

<span quick-ng-repeat="item in collection track by $index" quick-repeat-list="items">
 {{ item }}
</span>

用这段代码

<span ng-repeat="item in collection track by $index">
 {{ item }}
</span>

一切正常。有谁知道为什么会这样？非常感谢!

Answer 1

quick-ng-repeat 不像 ng-repeat 那样实现深度监视，它实现了一种方式绑定(bind)方法。因此，如果您的模型经常更改，请不要使用它。

在 Angular 1.2 中，对 ngRepeat 的语法进行了新增:非常棒的 track by 子句。它允许您为 ngRepeat 指定您自己的键来识别对象，而不仅仅是生成唯一的 ID。

这意味着您可以将上面的内容更改为 ng-repeat="task in tasks track by task.id"并且由于 ID 在您的原始任务和来自服务器的更新任务中是相同的 - ngRepeat 将知道不要重新创建 DOM 元素并重用它们