Làm thế nào để lặp lại đối tượng JSON trong Angular 2?

Question

Hãy nói rằng tôi có một JSON như thế này:

{ 
    "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"} 
     ], 
} 

Output HTML nên như thế này:

[A] 
Aa 21 
Ab 54 

[B] 
Ba 30 
Bb 22 

[C] 
Ca 40 
Cb 33 

Làm thế nào tôi có thể lặp sử dụng angular2 phiên bản Beta?

Answer 1

Bạn có thể sử dụng lệnh ng-cho.

Hãy xem cái này. angular-2-ng-for-syntax

Và bạn nên chuyển đổi đối tượng thành mảng. Có một cái nhìn ở đây: a-better-way-to-convert-js-object-to-array