重いデータを読み込むには？

Question

私は5000人のユーザーリストとその詳細をサーバーから取得しており、それらのレコードを表示しようとしています。レコードが表示されていますが、読み込みが続いていますが、ロード後は何もできません。ロードやクラッシュなしに5000レコードをロードするソリューションはありますか？

Answer 1

を使用している--Ifロード5000のレコードの問題点は、大量のデータを受信して​​いること（だけ）ではありませんが、 Angularはダイジェストサイクルのすべてを処理しなければなりません。ブラウザでプロファイリングを行うと、ほとんどのCPU時間がダイジェストループで費やされることがわかります。

一度に1ページに限られた数のDOM要素を許可する必要がないようにするには、提案するように、これを行う1つの方法はページングを使用することです。

もう1つの方法として、5000レコードを読み込む場合は、仮想リピート/スクロールというコンセプトを使用します。ここでは、ビューポートに収まる要素（ユーザーの画面）と、ユーザーがスクロールするたびに、ディレクティブは、以下の要素を追加し、視界に入っていない要素を削除します。これはシームレスに行うことができ、パフォーマンスに大きな影響を与える可能性があります。

バーチャルリピート/スクロールは、自分で作成するのは難しい作業ですが、幸いにもいくつかの異なる実装があります。私はAngular Virtual Scroll ngRepeat directiveの経験がありますが、他にも同様に働く人がいます。

Answer 2

5000レコードを一度にロードして、ブラウザで同じレコードを表示することはお勧めしません。あなたはページングを使用する必要があります。重いデータをブラウザに読み込むことはできません。クラッシュするか応答しない可能性があります。ページングを使用して一度に10/20/30レコードのみを取得し、ページングボタンを提供すると、ユーザーはクリックして目的のページに移動できます。あなたがページングを行うことができますどのように

記事：http://www.c-sharpcorner.com/article/server-side-pagination-using-angularjs-web-api-and-sql-server/
あなたはWebAPIの