瀏覽器崩潰，同時在angularjs中顯示6000條記錄

Question

我試圖用ng-repeat顯示一大組記錄，但瀏覽器崩潰。如何在不使用無限滾動的情況下顯示大型數據集。

Answer 1

6000記錄是以某種形式尋呼尋呼的問題。一次裝載6000條記錄不是一個好的解決方案，特別是不考慮您使用的是Angular。你應該使用Angular結構，例如支持分頁的dataTable。

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

Answer 2

和其他人一樣認爲，6000行乞求被尋呼，但技術上的角度就可以搞定。我創建了一個codepen，角度生成10k行正在使用ng-repeat來顯示錶格，以顯示其技術上的可能性。我建議你在ng-repeat以及ng-cloak中使用track-by來優化大量數據的渲染。

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

您的瀏覽器崩潰的原因可能是由於在創建數據的方法（可能添加的每一行的處理的時間和造成許多渲染週期），或由於各行的複雜性顯示。所以優化可以讓你顯示那麼多的數據而不會導致瀏覽器崩潰，但它仍然不是一個好主意（或者一個好的用戶體驗）。