Question

我试图以3列表格格式显示数据。

使用下面的代码我能够以3列格式获取数据，但我希望它在适当的表中，使用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"];
});

小提琴：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/

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

1 个答案: