对于大量数据,angularjs ng-repeat非常慢

时间:2017-07-29 13:02:03

标签: angularjs performance angularjs-ng-repeat

我正在使用一个电路板系统。其中有卡需要显示,卡可以拖放到板上。

n行数和列数卡可以拖放到任何行和列

所以我用嵌套的ng-repeat 实现了它,它运行正常。

但是当船上有超过300张卡时,需要花费很多时间才能加载8000毫秒到9000毫秒。

因为数据更多并且使用嵌套的ng-repeat,所以迭代次数很多。

由于需要在单板中显示所有卡,因此无法进行延迟加载。

因此,在这种情况下,如何使用ng-repeat或任何其他替代方案来提高渲染板的性能。

任何帮助都将不胜感激。

由于

1 个答案:

答案 0 :(得分:2)

提高ng-repeat性能的一种方法是使用track by:

<div ng-repeat="item in array track by item.property"> </div>

如果item属性不是唯一的,请尝试此操作:

<div ng-repeat="item in array track by $index"> </div>