AngularJS - 在两个TR之间插入ng-repeat到另一个

时间:2017-02-07 22:01:26

标签: angularjs angularjs-ng-repeat ng-repeat

我的问题是 - 我认为 - 很简单。

我有一张桌子,一张经典的桌子。在此表中,我想显示两个名为网络频道的数组的值。

网络中的每个网络可以包含频道,但并非全部

我想要的是显示所有网络及其相关的频道

DIV TD TR 这很简单,但我不能用多个 TR 来做到这一点。

示例:

LOAD DATA LOCAL INFILE 'C:/Users/Myself/Desktop/Blah Blah/LOAD DATA/week.txt' 
INTO TABLE week;

像魅力一样!

但我正在寻找这样的事情:

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

但我知道这不是很好的代码:)

有人知道怎么做吗? 我不想通过 DIV 更改 TABLE

亲切的问候!

1 个答案:

答案 0 :(得分:0)

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