Angular JS表创建问题

Question

我刚刚开始学习Angular JS,我正在尝试使用ng-repeat创建一个8X8表.我无法获得8个表头.所有表头都在一列中.这是我的代码.

<table border="1px solid black">
      <tr ng-repeat="k in [0,1,2,3,4,5,6,7,8]">
        <th>
          column
        </th>
      </tr>
      <tr ng-repeat="i in [0,1,2,3,4,5,6,7,8]">
        <td ng-repeat="j in [0,1,2,3,4,5,6,7,8]">
          [{{i}},{{j}}]
        </td>
      </tr>
    </table>

这是我的代码的输出.我不确定为什么会这样.

Answer 1

本ng-repeat应该是<th>不是<tr>.如果没有,您将创建8行,包含1个标题,并且您希望1行包含8个标题.

    <table border="1px solid black">
      <tr>
        <th ng-repeat="j in [0,1,2,3,4,5,6,7,8]">
          column
        </th>
      </tr>
      <tr ng-repeat="i in [0,1,2,3,4,5,6,7,8]">
        <td ng-repeat="j in [0,1,2,3,4,5,6,7,8]">
          [{{i}},{{j}}]
        </td>
      </tr>
    </table>