参考: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 }}
<!-- After seven iterations a new `<tr>` should be aded -->
</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; } });
原文链接:https://www.f2er.com/angularjs/147535.html