我环顾四周,发现了与我类似的问题,但不一样。这可能是一个真正的菜鸟问题,但我不知道该怎么做。我正在使用 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 更改为下一个迭代类型?
最佳答案
您始终可以重组变量,例如:
$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>
关于AngularJS ng-重复双 td,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30783160/