Question

我有两张桌子（里面有桌子）

table1 = [[a,a,a], [b,b,b], [c,c,c]];
table2 = [[1,1,1], [2,2,2], [3,3,3]];

我想用ng-repeats（或其他东西）渲染一个HTML表格，如：

a | a | a
---------
1 | 1 | 1
---------
b | b | b
---------
2 | 2 | 2 etc ...

我无法弄清楚如何做到这一点。

谢谢！

Answer 1

首先合并控制器中的表：

var table1 = [['a','a','a'], ['b','b','b'], ['c','c','c']];
var table2 = [[1,1,1], [2,2,2], [3,3,3]];

$scope.table = [];

for (var i = 0; i < table1.length; i++) {
  $scope.table.push(table1[i]);
  $scope.table.push(table2[i]);
}

使用嵌套ng-repeat。您需要使用track by $index，因为其中一些项目是相同的。

<table>
  <tr ng-repeat="item in table track by $index">
    <td ng-repeat="value in item track by $index">{{value}}</td>
  </tr>
</table>

Plunkr

如何交替使用重复元素？

1 个答案: