嵌套在ng-virtual-repeat中的Ng-Repeat无法正常工作

Question

我正在开发一个工作项目，我们向用户显示一个动态表。此表显示了它们与其关联的公司列表，并且该表的列可以由用户指定，其中的列与所显示的公司对象的属性相对应。这是我的代码片段：

<md-virtual-repeat-container id="vertical-container" style="height: 500px;"> 
    <div md-virtual-repeat="company in companies" flex> 
     <div ng-repeat="filter in filters">{{::company[filter]}}</div> 
    </div> 
</md-virtual-repeat-container> 

其中filters是用户希望查看的列的列表。但是，Angular只是简单地显示没有。我知道数据在那里，如果我不使用虚拟重复，我可以很好地显示数据，但是可能有10k +公司在列表中，最终他们需要数据绑定，因此虚拟重复几乎是必要的。

我在这里做错了什么？有没有更好的方式来按照我描述的方式来实现表格？

也正在考虑使用React进行重构，反而会更好地装备这种表吗？

Answer 1

看起来像是重复容器和div之间的重复指令。用md-list-item替换div解决了问题。

<md-virtual-repeat-container id="vertical-container" style="height: 500px;"> 
    <md-list-item md-virtual-repeat="company in companies" flex> 
     <div ng-repeat="filter in filters">{{::company[filter]}}</div> 
    </md-list-item> 
</md-virtual-repeat-container>