我正在开发一个项目,我们向用户显示动态表。该表向他们显示与其关联的公司的列表,并且该表的列可以由用户指定,其中列对应于所显示的公司对象的属性。这是我的代码片段:
<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 个公司,最终它们需要进行数据绑定(bind),因此虚拟重复重复几乎是必要的。
我在这里做错了什么?有没有更好的方法来按照我描述的方式实现表格?
还在考虑使用 React 进行重构,React 是否能更好地构建这种表?
最佳答案
看起来这是重复容器和带有重复指令的 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>
关于html - 嵌套在 ng-virtual-repeat 中的 Ng-Repeat 不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43351726/