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进行重构，React能否更好地构建这种表？

Answer 1

看起来这是repeat-container和div之间的交互，它上面有repeat指令。用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>

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

1 个答案: