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>

这给了我们一行表。额外的挑战是使用额外的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>

Answer 2

如果这个问题仍然存在 - 这里有两种填充表的变体 - 逐行和逐列（从1到8）。在ng-repeat和<tr>

中使用嵌套指令<td>

行接一行：

<table>
    <tr><th colspan="8">Row number</th></tr>
    <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+1}}</td>
    </tr>
</table>

色谱柱逐柱：

<table>
  <tr><th colspan="8">Row number</th></tr>
    <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]">{{i+1}}</td>
    </tr>   
</table>

AngularJS在表

2 个答案: