我有以下结构:
$scope.data = [
{
'category1': {
'type1': {
'2015-11-01': 1,
'2015-11-02': 3,
'2015-11-03': 2
},
'type2': {
'2015-11-01': 0,
'2015-11-02': 0,
'2015-11-03': 1
}
},
'category2': {
'type1': {
'2015-11-01': 0,
'2015-11-02': 1,
'2015-11-03': 0
}
}
}
];
我想从中创建一个这样的表:
Category1:
- 2015-11-01 2015-11-02 2015-11-03
type1 1 3 2
type2 0 0 1
Category2:
- 2015-11-01 2015-11-02 2015-11-03
type1 0 1 0
type2 0 0 0
我怎样才能做到这一点?
我一直在想类似的东西:
<div ng-repeat="row in data">
{{row.key}}
<table>
<tr>
<th>-</th>
<th ng-repeat="date in row[0][0]">{{date.key}}</th>
</tr>
<tr ng-repeat="stat in $index">
<td>row[$index]</td>
</tr>
</div>
但是它当然不起作用,因为我在angular的
ng-repeat
指令中找不到有关访问键名的任何信息。我该怎么做?
最佳答案
可以让ngRepeat
遍历
使用以下语法的对象:
<div ng-repeat="(key, value) in myObj"> ... </div>
https://docs.angularjs.org/api/ng/directive/ngRepeat