AngularJS - 在兩個TR之間插入ng-repeat到另一個TR

Question

我的問題是 - 我認爲 - 非常簡單。

我有一張桌子，一個經典的。在此表中，我想顯示兩個數組的名稱爲網絡和通道的值。

每個網絡在網絡可能包含渠道但不是所有。

我想要的是顯示所有網絡及其相關的頻道。

在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改變表。

親切的問候！

Answer 1

每個ng-repeat都有自己的範圍，因此您的網絡不能在第二個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>