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

angularjs ng repeat对于大量数据非常缓慢,angularjs,performance,angularjs-ng-repeat,Angularjs,Performance,Angularjs Ng Repeat,我使用的是单板系统。其中有卡片需要显示,也有卡片可以拖放到棋盘上 板中可能有n个行和列,卡可以拖放到任何行和列 因此,我使用嵌套的ng repeat实现了它,并且它工作正常 但当板上有300多张卡时,加载大约8000到9000毫秒需要花费很多时间。 由于数据越来越多,重复使用嵌套ng,因此有很多次迭代 由于需要在单板中显示所有卡,因此无法进行延迟加载 因此,在这种情况下,如何提高性能,以使用ng repeat或任何其他替代方案渲染board 任何帮助都将不胜感激 谢谢提高ng重复性能的一种方法是

我使用的是单板系统。其中有卡片需要显示,也有卡片可以拖放到棋盘上

板中可能有n个行和列卡可以拖放到任何行和列

因此,我使用嵌套的ng repeat实现了它,并且它工作正常

但当板上有300多张卡时,加载大约8000到9000毫秒需要花费很多时间。

由于数据越来越多,重复使用嵌套ng,因此有很多次迭代

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

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

任何帮助都将不胜感激


谢谢

提高ng重复性能的一种方法是通过以下方式将其与track一起使用:

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

如果项目属性不唯一,请尝试以下操作:

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

我已经使用过我正在尝试我已经尝试过它将时间从9000ms减少到4000ms到5000ms。我检查了所有过滤器,每个想法都快速响应,但重新渲染需要时间。您可以使用AngularJS中的一次性绑定,如下所示:
{{::item.property}
使用此语法时,不会更新对对象所做的更改。从文档来看,一次性绑定非常简单:一次性表达式稳定后将停止重新计算,如果表达式结果是未定义的值,则在第一个摘要之后会发生这种情况。