嵌套ngFor在大型数据集上的性能

时间:2018-08-14 14:00:32

标签: ngfor

我创建了一个调度应用程序,该应用程序允许用户添加其他用户并查看那里的可用性。该应用程序将可用时间显示为浅灰色,将不可显示时间显示为灰色,将其显示为全局停电。我有一个称为的3D对象数组 我正在使用timeblockViewModels [] []存储所有这些数据。然后,我使用两个嵌套的ngFor循环遍历所有数据并将其绘制在屏幕上。

对于1-5个用户来说,它似乎可以正常工作,但除此以外,我开始遇到非常严重的延迟。对于下面的屏幕截图中的用户而言,这大约需要30秒。在Chrome中。使用polyfill的IE在我的iPad上进行测试可能需要一两分钟。

我知道我在这里滥用ngFor,需要找到更好的方法。当我将其模拟为纯HTML时,它加载就好了。我有什么选择可以改善这一点?

enter image description here

0 个答案:

没有答案