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

前端之家收集整理的这篇文章主要介绍了angularjs 一个数组 两层循环显示 例如一行三个,多行前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

参考: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

猜你在找的Angularjs相关文章