AngularJS:计算ng重复的迭代次数

AngularJS: Count iterations of ng-repeat

本文关键字：迭代 计算 ng AngularJS      更新时间：2023-09-26

是否可以使用ng repeat来生成连续数字的网格？

我可以使用两个ng重复来制作这样的网格：

<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

或者我可以使用一个更合适的角度指令吗？

<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>
相关文章：