javascript - ngRepeatWatch 似乎是 Batarang 的瓶颈

Question

我刚刚注意到 Batarang分析我的 AngularJS 应用程序显示如下:

ngRepeatWatch | 64.2% | 136.0 毫秒

这比下一个报告的指令耗时多 10 倍。

这是否意味着我可能过度使用了 ngRepeat 指令？如何确定？

Answer 1

ngRepeat 对于大型集合来说非常慢，因为它为每个项目创建了一个新的范围。如果您更改重复结构中的属性，更改将应用​​于父范围等。这会使创建列表的速度变慢。

同时应用过滤器和范围并不能使它变得更好，在将数据放入模板之前尝试过滤器，或者根据您的数据，在服务器端进行。

如果您不需要将更改传递到所有范围或数据不更改，请尝试为应该重复的元素创建一个指令，并确保它不会继承父范围。

你读过吗:

• ng-repeat with multiple filters on large data set
• angular.js performance issues