我有以下结构:

$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

10-07 21:48