AngularJS ng-重复双 td

Question

我环顾四周，发现了与我类似的问题，但不一样。这可能是一个真正的菜鸟问题，但我不知道该怎么做。我正在使用 ng-repeat 显示 4 个复选框，如下所示:

<tr ng-repeat="type in dataType">
  <td><checkbox ng-model="type.checked"></checkbox> {{type.name}}</td>
</tr>

这给了我一行 4 个复选框。但我想要的是前两个复选框并排放置。所以一个 tr 内有 2x td。但是当我将代码更改为

<tr ng-repeat="type in dataType">
  <td><checkbox ng-model="type.checked"></checkbox> {{type.name}}</td>
  <td><checkbox ng-model="type.checked"></checkbox> {{type.name}}</td>
</tr>

它只是将复选框相乘，最终得到 2 行和 8 个复选框。那么我如何让 ng-repeat 将复选框 2 更改为下一个迭代类型？

Answer 1

您始终可以重组变量，例如:

$scope.rows = [ [dataType[0], dataType[1]], [dataType[2], dataType[3]] ];

然后:

<tr ng-repeat="type in rows">
  <td><checkbox ng-model="type[0].checked"></checkbox> {{type[0].name}}</td>
  <td><checkbox ng-model="type[1].checked"></checkbox> {{type[1].name}}</td>
</tr>