如何迭代Angular 2中的JSON对象？

Question

比方说，我有一个这样的JSON：

{ 
    "A": [ 
      {"name": "Aa", "count": "21"}, 
      {"name": "Ab", "count": "54"} 
     ], 

    "B": [ 
      {"name": "Ba", "count": "30"}, 
      {"name": "Bb", "count": "22"} 
     ], 

    "C": [ 
      {"name": "Ca", "count": "40"}, 
      {"name": "Cb", "count": "33"} 
     ], 
} 

输出HTML应该是这样的：

[A] 
Aa 21 
Ab 54 

[B] 
Ba 30 
Bb 22 

[C] 
Ca 40 
Cb 33 

我如何使用迭代angular2贝塔版本？

Answer 1

您可以使用ng-for指令。

看看这个。 angular-2-ng-for-syntax

而你应该将你的对象转换为数组。看看这里：a-better-way-to-convert-js-object-to-array