gpt4 book ai didi

javascript - ng-重复表中 3 列的值? -AngularJS

转载 作者:行者123 更新时间:2023-11-28 19:17:09 25 4
gpt4 key购买 nike

我正在尝试以 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"];
});

fiddle :http://jsfiddle.net/JG3A5/

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

最佳答案

如果您可以更改数据格式,那么使用数组数组肯定会更容易,每个内部数组代表一行:

$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/

关于javascript - ng-重复表中 3 列的值? -AngularJS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29609748/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com