具有动态网格数据的 Angular Flex 布局性能答案

【问题标题】：Angular Flex Layout Performance with dynamic grid data具有动态网格数据的 Angular Flex 布局性能
【发布时间】：2018-10-24 00:47:58
【问题描述】：

我很喜欢这个 flex Layout with material 2，但同时我也担心性能。我用谷歌搜索发现，这种 flex 布局在涉及表格或大型列表时存在一些性能问题。我在这里找到的一个： https://github.com/angular/flex-layout/wiki/Performance-Considerations

在我的项目中，我使用 *ngFor 绑定网格，我的小卡片上只有 20 个数据，加载大约需要 1 秒，而我的其他页面没有表格数据，它们在毫秒内加载。

对于我的项目，我已经使用 flex 创建了大部分布局。现在，我组织中的其他一些员工也关心这种绩效问题！！！！！！我正在使用带有 flex 布局的 Anguar Material 2。有人可以建议我最好的方法吗？？？

我引用的另一个链接：https://stackblitz.com/edit/angular-flex-layout-seed-jmob2p
我应该继续使用这个 flex 布局还是回到 css 网格系统 ?

【问题讨论】：

标签： flexbox material-design angular-flex-layout angular-material-5

【解决方案1】：

只是一个想法：一秒钟的加载时间并不完全出乎意料。一些我认为做得很好的应用程序（Google 新闻提要和 Luminosity）需要花费一秒钟的时间来加载列表/数据。

【讨论】：