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

时间:2016-07-20 15:34:52

标签: javascript angularjs

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

2 个答案:

答案 0 :(得分:1)

与其他建议一样,6000行需要进行分页,但技术角度可以处理。我创建了一个codepen角度生成10k行,使用ng-repeat来显示表格,以显示其技术可行性。我建议您在track-by以及ng-repeat中使用ng-cloak来优化大量数据的呈现。

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

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

答案 1 :(得分:0)

6000条记录是以某种形式引发分页的问题。一次加载6000条记录不是一个好的解决方案,特别是考虑到你使用的是Angular。您应该使用Angular构造,例如支持分页的dataTable。

http://ng-table.com/#/