嵌套在 ng-virtual-repeat 中的 Ng-Repeat 不起作用答案

【问题标题】：Ng-Repeat nested in ng-virtual-repeat isn't working嵌套在 ng-virtual-repeat 中的 Ng-Repeat 不起作用
【发布时间】：2017-04-11 16:40:42
【问题描述】：

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

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

过滤器是用户想要查看的列列表。然而，Angular 什么也不显示。我知道数据就在那里，如果我不使用虚拟重复，我可以很好地显示数据，但是列表中可能有 10k+ 家公司，最终它们需要数据绑定，所以虚拟重复几乎是必要的。

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

还考虑使用 React 进行重构，React 是否能够更好地构建这种表？

【问题讨论】：

标签： html angularjs virtual repeat

【解决方案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>

【讨论】：