angularjs - 使用 ng-repeat 在 Angular 中渲染数组表

Question

我有一个数组数组(代表行和列)，我需要用数据呈现一个 HTML 表格。

每一行都是列值的数组，例如:$scope.table.row[0] = [123, 456, 789]

这是我的尝试(没有用)。有什么想法吗？

<table>
    <tbody>
        <tr ng-repeat="row in table">
            <td ng-repeat="col in row">{{col}}</td>
        </tr>    
    </tbody>
</table>

Answer 1

您需要遍历 table.row 或使 table 成为数组本身的数组。 Demo .

<table>
    <tbody>
        <tr ng-repeat="row in table.row">
            <td ng-repeat="col in row">{{col}}</td>
        </tr>    
    </tbody>
</table>

或

table = [ [123, 456, 789], [111, 222, 333], [111, 222, 333]]

<table>
    <tbody>
        <tr ng-repeat="row in table">
            <td ng-repeat="col in row">{{col}}</td>
        </tr>    
    </tbody>
</table>