使用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

从我读过的SO和我自己的经历来看，你的问题不是md-virtual-repeat，而是ng-repeat。

ng-repeat非常慢，如果你有一个相当大的数据集，那么就会出现性能问题。

我强烈建议您在abc.html文件中使用md-virtual-repeat替换ng-repeat。