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