我正在使用一个电路板系统。其中有卡需要显示,卡可以拖放到板上。
n行数和列数,卡可以拖放到任何行和列。
所以我用嵌套的ng-repeat 实现了它,它运行正常。
但是当船上有超过300张卡时,需要花费很多时间才能加载8000毫秒到9000毫秒。
因为数据更多并且使用嵌套的ng-repeat,所以迭代次数很多。
由于需要在单板中显示所有卡,因此无法进行延迟加载。
因此,在这种情况下,如何使用ng-repeat或任何其他替代方案来提高渲染板的性能。
任何帮助都将不胜感激。
由于
答案 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>