javascript - AngularJS 在表格中使用 ng-repeat 两次

Question

这个问题来自 AngularJS.org 教程我们用这段代码创建了一个表:

<table>
  <tr><th>row number</th></tr>
  <tr ng-repeat="i in [0, 1, 2, 3, 4, 5, 6, 7]"><td>{{i+1}}</td></tr>
</table>

这给了我们一个 1 行的表格。额外的挑战是使用额外的 ng-repeat 制作一个 8x8 的表格。我曾多次尝试通过添加 ng-repeat 以不同的方式创建 7 个额外的列，但我几乎总是以第 9 行代码而不是数据结束。

顺便说一句，实际上没有赚取积分；我只想要知识。

Answer 1

这将使用嵌套的 ng-repeat 创建一个 8x8 的表格:

<table>
  <tr ng-repeat="i in [0, 1, 2, 3, 4, 5, 6, 7]">
    <td ng-repeat="j in [0, 1, 2, 3, 4, 5, 6, 7]">{{j}}</td>
  </tr>
</table>