AngularJS:计算ng-repeat的迭代次数

时间:2015-11-07 02:03:07

标签: javascript angularjs

是否可以使用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

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

1 个答案:

答案 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>