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>