AngularJS - 如何在到达对象的最后一项时停止 ng-repeat

Question

我 ng-repeat 一个巨大的对象，并且在 chrome 和 opera 上工作得很快。但在 Mozilla 和 IE 等浏览器上，它非常非常慢。我尝试使用分页并有所帮助，但我想在加载时显示所有项目而不是对它们进行分页。所以我想出了一个想法，如果有可能在执行对象的最后一项后停止 ng-repeat 监听该对象。

但它不应该删除它呈现的 html 元素。

如果对象被更改，它应该再次重新运行 ng-repeat 并将停止在最后一项。

据我对 ng-repeat 的了解，它会无限循环对象，因此这可能是 IE 和 Mozilla 在对象太大时加载它们速度慢的原因。

那么这可以停止 ng-repeat 吗？

Answer 1

如果您的集合根本没有改变，ngRepeat 不应该改变 DOM。您应该仔细分析，以确保问题是您认为的问题。

在文档中 (https://docs.angularjs.org/api/ng/directive/ngRepeat)，

ngRepeat 使用 $watchCollection 来检测集合中的变化。当发生更改时，ngRepeat 会对 DOM 进行相应的更改：

添加项目时，模板的新实例会添加到 DOM。

当一个项目被移除时，它的模板实例就会从 DOM 中移除。

当项目重新排序时，它们各自的模板在 DOM 中重新排序。

无法防止这种情况发生，$watchCollection（我相信）必须遍历您的收藏以查看是否有任何内容被重新排序。

看起来在仍然使用 ngRepeat 的同时“关闭”手表也是不可能的。

如果您不想使用$watchCollection 作为检测更改的机制，您可能必须创建自己的脏检查/触发器，并自己生成 DOM。