Come iterare l'oggetto JSON in Angular 2?

Question

Diciamo che ho un JSON come questo:

{ 
    "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 output dovrebbe in questo modo:

[A] 
Aa 21 
Ab 54 

[B] 
Ba 30 
Bb 22 

[C] 
Ca 40 
Cb 33 

Come posso iterare utilizzando angular2 versione Beta?

Answer 1

È possibile utilizzare la direttiva ng-for.

Dai un'occhiata a questo. angular-2-ng-for-syntax

E dovresti convertire il tuo oggetto in un array. Date un'occhiata qui: a-better-way-to-convert-js-object-to-array