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は単に何も表示していません。私はデータが存在することを知っています。バーチャルリピートを使用しないとデータを表示できますが、リストには10​​k +企業が潜在的に存在する可能性があり、最終的にはデータバインディングが必要になるため、バーチャル繰り返しはほとんど必要です。

私はここで間違っていますか？私が記述している方法でテーブルを実装するより良い方法はありますか？

また、Reactを使用してリファクタリングすることもできますが、Reactはこのようなテーブルを作成するのに適していますか？

Answer 1

repeatコンテナとrepeatディレクティブがあるdivの間のやり取りのようです。 divをmd-list-itemに置き換えると、問題は解決しました。

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