如何迭代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