AngularJS

Question

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

我有一个table，很经典。在此 table 中，我想显示名为 networks 和 channels.

的两个数组的值

networks 中的每个 network 可以包含 channels 但 not all .

我想要的是显示所有 networks 及其相关的 channels.

在DIV或TD in 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>

但我知道这不是执行此操作的好代码:)

有人知道怎么做吗？我不想将 TABLE 更改为 DIV.

亲切的问候！

Answer 1

每个 ng-repeat 都有自己的范围，因此您的网络在第二次 TR 重复时不可用。

如果你真的想坚持使用 table，你可以像这样在你的 tr 中创建一个 table：

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

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

AngularJS - Insert ng-repeat into another one between two TR

ng-repeat

angularjs-ng-repeat