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

发布时间：2020-12-17 07:14:25 所属栏目：安全来源：网络整理

导读：假设我有一个像这样的 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"} ],} 输出HT

假设我有一个像这样的 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版本进行迭代？

解决方法

您可以使用ng-for指令.

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

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!