angularjsに6000レコードを表示中にブラウザがクラッシュする

Question

ng-repeatで大量のレコードを表示しようとしていますが、ブラウザがクラッシュします。無限スクロールを使用せずに大きなデータセットを表示できますか？

Answer 1

6000レコードは、何らかの形でページングを要求する問題です。 1回で6000レコードを読み込むのは良い解決策ではなく、特にAngularを使用しているとは考えていません。ページングをサポートするdataTableなどのAngular構造を使用する必要があります。他の人のように

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"> 

ブラウザがクラッシュした理由は、（おそらく、各列を追加する時に対応し、多くのサイクルをレンダリング引き起こす）によるデータが作成されているように可能性がある、または各列の複雑さに起因し表示。したがって、最適化を行うと、ブラウザのクラッシュなしに多くのデータを表示できますが、まだそれは良い考えではありません。