javascript - 在 angularjs 中显示 6000 条记录时浏览器崩溃

Question

我正在尝试使用 ng-repeat 显示大量记录，但浏览器崩溃。如何在不使用无限滚动的情况下显示大型数据集。

Answer 1

就像其他人建议的那样，6000 行需要分页，但从技术上讲，Angular 可以处理这个问题。我创建了一个codepen使用 Angular 生成 10k 行正在使用 ng-repeat 来显示表格，以显示其技术上的可能性。我建议您在 ng-repeat 和 ng-cloak 中使用 track-by 来优化大量数据的渲染。

   <tbody ng-cloak>
   <tr ng-repeat="item in items track by item.key">

浏览器崩溃的原因可能是由于创建数据的方式(可能一次将每一行添加到顶部并导致许多渲染周期)，或者由于每行显示的复杂性。因此，优化可以让您在不导致浏览器崩溃的情况下显示那么多数据，但这仍然不是一个好主意(或良好的用户体验)。