Angularjs Angular2 flex布局-渲染

我现在正在学英语。在AngularJS中，我被用来引导网格布局。现在，我正在尝试使用flex布局获得一个合适的布局

但我的问题开始了

设置：

我收集了500件物品。 我想在平板电脑和桌面设备上以表格的形式显示它们，但在智能手机上以列的形式显示。 因此，我使用了

fxLayout=“row”

和

fxLayout.xs=“column”

但当窗口的大小调整为移动显示时，网格的初始加载似乎需要更长的时间。 在更大的屏幕上（sm和更大），只需2-3秒。在手机屏幕上，大约需要7秒

如果有人能告诉我如何解决这些性能问题，那就太好了

我创建了一个plunkr，您可以在其中看到问题。如果更改了屏幕大小，div将显示在列中，并且您更改了代码中的某些内容以强制重新加载，则页面重新加载所需的时间将比较大屏幕（div以行显示）的时间长得多

---

使用flex layout呈现大型数据集时，确实存在性能问题

你应该考虑这个表/列表的手动方法< /P> 请参阅本页：