$scope.data = [
{name: '月份', list: [1,2,3,4,5,6,7,8,9,10,11,12]},
{name: '文學類', list: [11,12,13,14,15,16,17,18,19,110,111,112]},
{name: '哲學類', list: [111,112,113,114,115,116,117,118,119,1110,1111,1112]},
];
使用如上的數(shù)據(jù)和ng-repeat指令實現(xiàn)如圖所示的效果。
效果圖
- 我的思路：
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
<body>
<div ng-app="myApp" ng-controller="myCtrl">
<table border="1">
<tr>
<th ng-repeat="item in data track by $index">{{item.name}}</th>
</tr>
<tr ng-repeat="(key, value ) in data[0].list track by $index">
<td ng-repeat="item in data track by $index">{{item.list[key]}}</td>
</tr>
</table>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.data = [
{name: '月份', list: [1,2,3,4,5,6,7,8,9,10,11,12]},
{name: '文學類', list: [11,12,13,14,15,16,17,18,19,110,111,112]},
{name: '哲學類', list: [111,112,113,114,115,116,117,118,119,1110,1111,1112]},
];
});
</script>
</body>
</html>
