Angular表的缓慢渲染，包含1,000行和5,000个输入

Question

我正在显示一个Angular表，每行约有1,000行和5个输入（总共5,000个输入字段）。它是一个标准的Angular表，其行为ng-repeat。

数据会快速下载到客户端。但是 - 问题是角度渲染很慢。

在MacBook Pro上，加载需要10秒钟。在Chromebook上，它需要40秒以上。

我正在寻找一种懒惰的RENDER方式。我相信很多人都有这个问题 - 有人能指出我可能的解决方案吗？

Answer 1

1. 使用分页
2. 仅使用编辑模板和编辑按钮
每行添加输入
3. 用户$ compileProvider.debugInfoEnabled（false）删除调试类
4. 通过添加＆＃34;跟踪＆＃34;
，尝试使用您商品的ID
5. 如果您有只读过的值，请使用绑定{{::property}}
6. 如果您有多个表单字段，请尝试ng-model-options="{ debounce: 250 }
7. 尽可能使用ng-if代替ng-show以避免添加许多未显示的内容
8. 将limitTo与ng-repeat一起使用以限制显示的项目数
9. 使用chrome dev工具栏时间轴识别功能中的瓶颈

One of many good resources on our lovely web

And another one

Answer 2

因为问题在于渲染，您可以使用过滤器来限制ng-repeat返回的字段数。然后只是对额外的行进行分页。