Question

我目前有两个独立的表体，如下所示：

<tr ng-repeat="cup in cups" >
     <td>{{::cup.type}}</td> 
     <td>{{::cup.name}}</td> 
     <td>{{::cup.id}}</td>
</tr>

<tr ng-repeat="holder in holders" >
     <td>{{::holder.type}}</td> 
     <td>{{::holder.name}}</td> 
     <td>{{::holder.id}}</td>
</tr>

如何将它们组合成一个表格，以便从支架或杯子阵列中拉出列？像这样的东西（我知道你不能简单地重复这两个数组）：

<tr ng-repeat="cup in cups" ng-repeat="holder in holders" >
     <td>{{::cup.type}}</td>
     <td>{{::holder.type}}</td> 
     <td>{{::cup.name}}</td> 
     <td>{{::holder.name}}</td> 
     <td>{{::cup.id}}</td>
     <td>{{::holder.id}}</td>
</tr>

Answer 1

看起来你的数组在索引方面总是相同的，所以你可以使用ng-repeat指令的索引：

<tr ng-repeat="cup in cups">
     <td>{{::cup.type}}</td>
     <td>{{::holders[$index].type}}</td> 
     <td>{{::cup.name}}</td> 
     <td>{{::holders[$index].name}}</td> 
     <td>{{::cup.id}}</td>
     <td>{{::holders[$index].id}}</td>
</tr>

表的两列中的两个数组

1 个答案: