我有一个要重复的表格行，每行只有4个 td
<table>
<tr>
<td ng-repeat="team in Teams">{{team}}</td>
</tr>
</table>
如何重复Td，但是每隔4 td创建另一个tr并关闭上一个
这可以通过利用$index特殊属性来实现。
如果将移动ng-repeat到TR元素，它将TR每次产生一次。然后，我们可以通过添加ng-if将电流$index与模数4进行比较的属性来抵制该行为，这意味着TR只会在的四次迭代中添加ng-repeat。
完成此操作后，我们可以再次$index在四个子TD元素中使用。
对于第二个和第三个元素，我们需要分别将索引增加一个，两个和三个，以到达"Team"数组内的相关位置。但是，如果该数组不能被4整除，则会带来问题。因此，最后，为了解决该问题，我们ng-if向第二，第三和第四个TD元素添加了最后一组属性，以确保如果在数组中所需位置上没有任何对象实际存在，则不会添加它们。
产生以下HTML：
<table>
<tr ng-repeat="team in Teams" ng-if="$index % 4 == 0">
<td>{{Teams[$index]}}</td>
<td ng-if="$index+1 < Teams.length">{{Teams[$index + 1]}}</td>
<td ng-if="$index+2 < Teams.length">{{Teams[$index + 2]}}</td>
<td ng-if="$index+3 < Teams.length">{{Teams[$index + 3]}}</td>
</tr>
</table>
您可以在此处找到有关ng-repeat特殊属性的更多信息：文档：https : //docs.angularjs.org/api/ng/directive/ngRepeat
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句