ページ上の同じコンポーネントの角度が1.6のインスタンスが多数ある

Question

コンポーネントがng-repeatの中にあり、コンポーネントが（1000を超える）非常に多く作成され、ページの読み込みにかなりの遅延（数秒）が発生することがあります。プロファイラは、目立った遅延を引き起こすすべてのコードが（私のカスタムコンポーネントで使用される）角度または角度選択の範囲内で実行されることを示していますので、自分のコードとは関係ありません。

これに対処する一般的な方法は何ですか？同じコードを何千回も呼び出さずに、コンポーネントを一度だけ初期化し、複数のインスタンスを作成することは可能ですか？

Answer 1

通常、コンポーネントを一度初期化してクローン化することはできません。純粋に静的なコンポーネントは可能ですが、コンパイルはこのケースのボトルネックにはなりません。

同時に表示する必要があるコンポーネント/ディレクティブインスタンスが多数ある場合は、可能であればデータバインディングを使用しないように変更するか、ワンタイムウォッチャーを使用する必要があります。この方法では、ウォッチャーのカウントは望ましい制限（通常は1000ウォッチャー）内に留まります。

パフォーマンス向上のためにng-repeatの代わりにカスタムソリューションを使用できます。そして、1000個の構成要素を一度に表示すべきでないことが好ましい。

Angularには、可視領域に表示されるアイテムにアイテムを制限する、無限のスクロールソリューションがいくつかあります。