2016-02-22 9 views

答えて

5

ng-repeat大きなリストにそのあまりパフォーマンス、リスト内のすべての要素をレンダリングします。

md-virtual-repeatレンダリングでは、リストのすべての要素をレンダリングしません。大きなリストの場合にユーザーがスクロールすると、他の要素がレンダリングされます。このようにパフォーマンスが向上します。リスト。

4

角度のドキュメントはかなり明確にそれを伝えます:

バーチャル繰り返しコンテナを記入し、ユーザーがスクロールとしてそれらをリサイクルするために十分なだけのDOMノードをレンダリングNGリピートための限られた代用品です。配列はサポートされていますが、オブジェクトはサポートされていません。トラック・バイ・エイリアスと(キー、値)構文はサポートされていません。

Source

1

md-virtual-repeatはng-repeatと似ていますが、大量のデータを読み込みたい場合に非常に便利です。

100000レコードをロードする必要があるとします。この場合、ng-repeatの場合、すべてのデータが最初にロードされます。したがって、ユーザーは読み込み中に不満を感じることがあります。ユーザーが最初の50データだけを望む場合、そのシナリオでもユーザーは10000が読み込まれるまで待つ必要があります。

これを避けるには、バーチャルリピートが必要です。これは、「要求に基づいてロードする」という意味のローディングです。

バーチャルリピートには、「ユーザーのスクロールがある」というメッセージが表示されます md-virtual-repeatを使用すると、最終的に読み込み時間が最適化されます。