使用ng-repeat的简单2d数组

时间:2015-04-20 16:00:56

标签: javascript angularjs matrix

我跟随此Angular tutorial制作一个简单的网络应用程序。这部分的结尾要求我创建一个8x8表,添加一个额外的ng-repeat

我试图简单地遵循我在JavaScript之类的模式中创建矩阵:

var ary = [];
for (var i = 0; i < 8; i++) {
   ary[i] = [];
   for (var j =0; j < 8; j++) {
       ary[i][j] = value;
   }
}

当我在Angular中尝试时,它只输出一行数字:

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

1 个答案:

答案 0 :(得分:0)

不要把tr&gt;在另一个tr>

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