angularjs 一个数组两层循环显示例如一行三个，多行

最新推荐文章于 2022-02-08 14:59:21 发布

laokaizzz

最新推荐文章于 2022-02-08 14:59:21 发布

阅读量7k

点赞数

分类专栏： angularjs

angularjs 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

参考：http://stackoverflow.com/questions/12518259/using-ng-repeat-with-table-rows

http://jsfiddle.net/6aqtj/1/

http://jsfiddle.net/interlock/qhewP/2/

<tr ng-repeat="days in dates">
<td ng-repeat="day in days">
{{ day }}

</td>
</tr>

var monthDays = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 1516, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31];

myApp.controller('MyCtrl', function($scope) {
$scope.dates = monthDays;
});

两种方式，第一种直接的。把一个数组加工成两个数组。

myApp.controller('MyCtrl', function($scope) {
var dates = [];
for (var i = 0; i < monthDays.length; i++ ) {
if (i % 7 == 0) dates.push([]);
dates[dates.length-1].push(monthDays[i]);
}
return $scope.dates = dates;
});

第二种通过filter加工成两个数组

myApp.filter('groupCount', function() {
return function(input, count) {
var rows = [];
for (var i = 0; i < input.length; i++) {
if ( i % count == 0) rows.push([]);
rows[rows.length-1].push(input[i]);
}
return rows;
}
});