Question

HI，我在虚拟json对象下面使用：

[
  {
    "username": "ramu",
    "user_id": "222",
    "profileImage": "ramu.jpg",
    "status": "15",
    "address": [
      {
        "type": "permanent",
        "city": "mtm",
        "pin": "521001",
        "personal1": [
          {
            "age": "26",
            "color": "white"
          }
        ]
      },
      {
        "type": "residential",
        "city": "chennai",
        "pin": "600024",
        "personal2": [
          {
            "age": "26",
            "color": "white"
          }
        ]
      }
    ]
  }
]

以及我正在使用ngfor来获取迭代元素

    <ion-item *ngFor="let item of profile.address">
    {{item.type}}
    </ion-item>

如何获得地址类型：永久性和个人年龄：26岁？

Answer 1

由于您的数据复杂性，我在html模板中使用了3循环。简化数据更好，只是一个建议。

这是有效的plunker

由于版本支持，我在#something中使用了*ngFor。只需将其更改为let something

即可

我刚刚使用div来向您展示获取数据。你可以按照自己的意愿使用

Answer 2

<ion-item *ngFor="let item of profile[0].address">
{{item.type}}
</ion-item>

配置文件似乎是数组的对象，因此请指定索引。如果您有多个配置文件，请使用两个* ngFor语句，一个用于配置文件，一个用于地址。

当我使用带有json对象的ngFor时，我没有得到输出filds

2 个答案: