AngularJS - 2つの間の別の1つにng-repeatを挿入するTR

Question

私の質問は - 私は思う - かなり簡単だ。

私はテーブル、古典的なものを持っています。この表では、ネットワークとチャネルの2つの配列の値を表示したいとします。 ネットワークで

各ネットワークはチャンネルしかしないすべてを含めることができます。

ネットワークとその関連チャネルをすべて表示したいです。 で

DIVまたはTDで

TRそれは簡単ですが、私は、複数のTRでこれを行うことはできません。

例：魔法のように

<tr ng-repeat="network in networks"> 
    <td>{{network.Name}}</td> 
    <td ng-repeat="channel in channels | filter: { networkId: network.networkId}">{{channel.Name}}</td> 
</tr> 

作品！

しかし、私はこのようなものを検索しています：

<tr ng-repeat="network in networks"> 
    <td>{{network.Name}}</td> 
    <td ng-repeat="month in year">{{month.Name}}</td> 
</tr> 
<tr ng-repeat="channel in channels | filter: { networkId: network.networkId}"> 
    <td>{{channel.Name}}</td> 
    <td ng-repeat="month in year">{{month.Name}}</td> 
</tr> 

をしかし、私はそれがこれを行うには良いコードではありません:)

誰かがそれを行う方法を知っている知っていますか？ 私はDIVによってTABLEを変更する必要はありません。

大切にしてください！

Answer 1

各ng-repeatには独自の有効範囲がありますので、ご利用のネットワークは2番目のTRリピートではご利用いただけません。

あなたが本当にテーブルに固執する場合、あなたはこのようなあなたのTR内のテーブルを作成することができます。

<tr ng-repeat="network in networks"> 
    <td>{{network.Name}}</td> 
    <td ng-repeat="month in year">{{month.Name}}</td> 
    <td>    
     <table> 
      <tr ng-repeat="channel in channels | filter: { networkId: network.networkId}"> 
       <td>{{channel.Name}}</td> 
      </tr> 
     </table> 
    </td> 
</tr>