是否可以使用ng-repeat制作连续数字的网格?
我可以使用两个ng-repeats来制作这样的网格:
<table>
<tr ng-repeat="c in [1, 2, 3]">
<td ng-repeat="r in [1, 2, 3]">
{{c * r}}
</td>
</tr>
</table>
哪个输出:
1 2 3
2 4 6
3 6 9
但我想要的输出是:
1 2 3
4 5 6
7 8 9
或者我可以使用更合适的角度指令吗?
答案 0 :(得分:3)
<table>
<tr ng-repeat="c in [0, 1, 2]">
<td ng-repeat="r in [1, 2, 3]">
{{c * 3 + r}}
</td>
</tr>
</table>
或者,如果您不想更改第一个数组:
<table>
<tr ng-repeat="c in [1, 2, 3]">
<td ng-repeat="r in [1, 2, 3]">
{{(c-1) * 3 + r}}
</td>
</tr>
</table>