我正在使用单板系统。其中有需要显示的卡片,也可以将卡片拖放到面板中。
看板上有n个行和列,并且卡片可以拖放到任意行和列。
所以我用嵌套ng-repeat实现了它,并且它工作正常。
但是当板上的卡超过 300 张时,加载时间会很长,大约需要 8000 毫秒到 9000 毫秒。
由于数据较多并且使用了嵌套的ng-repeat,因此迭代次数较多。
由于需要在单板上显示所有卡片,因此无法进行延迟加载。
那么在这种情况下,我如何提高使用 ng-repeat 或任何其他替代方案渲染板的性能。
如有任何帮助,我们将不胜感激。
谢谢
最佳答案
提高 ng-repeat 性能的一种方法是将其与 track by 结合使用:
<div ng-repeat="item in array track by item.property"> </div>
或者如果项目属性不唯一,请尝试此操作:
<div ng-repeat="item in array track by $index"> </div>
关于AngularJS ng-repeat 对于大量数据来说非常慢,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45389602/