table 中有 3 列的 ng-repeat 值？ - AngularJS

Question

我正在尝试以 3 列 table 格式显示数据。

使用下面的代码可以获取 3 列格式的数据，但我希望它以正确的 table、tr 和 td.

 <body ng:app="myApp" ng:controller="myCtrl">
    <span ng:repeat="(index, value) in array">
        {{value}}<br ng:show="(index+1)%3==0" />
    </span>
</body>

和

    lvar app = angular.module('myApp', []);

app.controller('myCtrl', function ($scope) {
    $scope.array = ["opt1","opt2","opt3","opt4","opt5","opt6","opt7"];
});

Fiddle: http://jsfiddle.net/JG3A5/

我试过了，但是使用 ng-repeat 我无法正确实现它。有人可以帮我解决这个问题吗？

Answer 1

如果您可以更改数据格式，那么拥有一个数组数组肯定会更容易，每个内部数组代表一行：

$scope.data = [
    ["opt1", "opt2", "opt3"],
    ["opt1", "opt2", "opt3"],
    ["opt1", "opt2", "opt3"]
];

然后你可以做一个简单的内部 ng-repeat

<table>
    <tr ng-repeat="row in data">
        <td ng-repeat="column in row">{{column}}</td>
    </tr>
</table>

演示：http://jsfiddle.net/JG3A5/75/

table 中有 3 列的 ng-repeat 值？ - AngularJS

ng-repeat values with 3 columns in table? - AngularJS

javascript

html-table

angularjs

angularjs-ng-repeat