我尝试理解md-virtual-repeat目的,由于某种原因,我不会发现单md-list
和ng-repeat
的区别。
虚拟重复是仅仅渲染的ng-repeat的有限替代品 足够的dom节点填充容器并将其作为用户回收 滚动。迭代支持数组,但不支持对象。
我有很多项目清单,我使用Chrome浏览器计数来查看改进。
在我使用ng-repeat
之前,我有大约4000名观察者。然而,当我迁移到md-virtual-repeat
时,我得到了相同的4K观察者。
<md-virtual-repeat-container id="vertical-container">
<div md-virtual-repeat="agenda in ctrl.items" >
<span ng-if="::agenda.isDivider" style="margin-left: 5px;">
<span>
{{agenda.title.day}}
</span>
<span>
{{agenda.title.date}}
</span>
</span>
<div ng-if="::!agenda.isDivider"
flex layout="row" layout-align="start center">
...
</div>
我想念一下吗?
这是我玩的一个例子:Codepan