角度 5 中的数据渲染问题

Question

当我有大量数据并向下滚动页面时，将数据呈现为 html 并显示白屏几秒钟需要时间。我们该如何解决这个问题？

issue that I'm facing

code for html binding

Answer 1

在 DOM 上渲染大量数据始终不是一个好习惯，因为它会在 DOM 中绘制，因此增加内存会导致加载其他数据需要很长时间，这将导致糟糕的用户体验。所以为了获得良好的性能并避免这个问题，请使用虚拟滚动。

您可以使用 CDK 实现角度虚拟滚动。按照以下网址 https://material.angular.io/cdk/scrolling/overview.

希望它会有所帮助。