如何在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 Beta版本进行迭代？

Answer 1

您可以使用 ng-for 指令。

看看这个。 Angular-2-ng-for-语法

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