当页面加载太多数据时，优化 Ionic 中的 ngFor答案

【问题标题】：Optimize ngFor in Ionic when page is loading too many data当页面加载太多数据时，优化 Ionic 中的 ngFor
【发布时间】：2019-03-01 06:31:09
【问题描述】：

目前我正在开发一个 Ionic 页面，该页面从 API 获取数据，大约 50,000 个项目并将它们保存在 selectedItem（数组）中。我必须像这样列出它们：

<ion-list class="main-item-container">
    <ion-item *ngFor="let item of selectedItem; trackBy: trackSelectedItem">             
       // Stuff here (item's thumbnail, title ...    
    </ion-item>
</ion-list>

我在列表末尾应用了<ion-infinite-scroll>，使用了here中建议的trackBy函数

但问题只是稍微解决了。该页面在计算机上仍然会出现大约 1 秒的延迟和延迟，在平板设备上会出现大约 2 秒的延迟，甚至在我切换 Menuside 时也会发生这种情况。

问题是：有没有其他方法可以改善这种情况？我可以想到一种将数据绑定到这些列表的方法，所以一旦数据被绑定，页面可能会忽略列表。

谁能给我建议一个解决方案？

【问题讨论】：

标签： api ionic-framework ngfor javascript-databinding

【解决方案1】：

您可以使用无限卷轴或虚拟卷轴

以下是链接：

Infinite scroll

Virtual Scroll

困惑于选择哪一个？这是solution

【讨论】：