【问题标题】:Data rendering issue in angular 5角度 5 中的数据渲染问题
【发布时间】:2023-03-12 23:23:01
【问题描述】:

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

issue that I'm facing

code for html binding

【问题讨论】:

  • 你尝试了什么?你能显示一些代码吗?
  • 尝试在您的组件元数据中添加changeDetection: ChangeDetectionStrategy.OnPush
  • 我为此尝试了 lazyForchangeDetection 但面临同样的问题
  • 使用 ngx 虚拟滚动条和 trackBy 修复的问题。

标签: typescript angular5


【解决方案1】:

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

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

希望它会有所帮助。

【讨论】:

  • 我尝试了 ngx virtual scroller 和 trackby 来解决这个问题。现在它对我来说工作正常。谢谢
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-01-27
  • 1970-01-01
  • 2017-01-22
  • 2012-07-01
  • 2020-06-26
  • 2015-08-06
相关资源
最近更新 更多