加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

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

发布时间:2020-12-17 09:23:45 所属栏目:安全 来源:网络整理
导读:参考: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 iterati

参考: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; } });

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读