md-virtual-repeatを使用してスクロールアップ中にちらつき（滑らかな動きではない）

Question

私のabc.html私は、infiniteItemsの各オブジェクトを個別にフォーマットするために使用しています。しかし問題は、各オブジェクトが異なるサイズを持つことです。配列内のオブジェクトは、日付に従ってグループ化されています（各日に販売される商品の数は、毎日異なる場合があります）。 アイテムをスクロールすると、画面が突然消えてしまいます。私は、私自身の経験上何を読んでから、

<md-virtual-repeat-container style="height:100vh;width:85%;"> 
    <div md-virtual-repeat="items in infiniteItems"md-on-demand 
     class="repeated-item" flex> 
    <div ng-include src="'abc.html'" layout="column" flex="100" ></div> 
    </div> 
</md-virtual-repeat-container> 


//content of abc.html 

<div ng-repeat="x in items" > 
{{x.arr.items_sold}} - {{x.arr.price}} 
</div> 
structure of an object - 
{ id , arr :[ items_sold , price ] }; 

Answer 1

、あなたの問題は、MD-仮想リピートではなくNGリピートではありません。

ng-repeatは非常に遅く、かなり大きなデータセットを持っているとパフォーマンスに問題が生じます。

abc.htmlファイルでng-repeatをmd-virtual-repeatに置き換えることを強くお勧めします。