使用md-virtual-repeat在我的abc.html中使用md-virtual-repeat

Question

時閃爍（不平滑移動）我正在使用它來單獨格式化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-virtual-repeat而是用ng-repeat。

ng-repeat出了名的慢，如果你有一個相當大的數據集會有性能問題。

我強烈建議你用abc.html文件中的md-virtual-repeat替換ng-repeat。