嵌套在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>