* ngFor JSON数组

Question

我具有以下JSON结构

{
"first_name": "Peter",
"surname": "Parker",
"adresses": {
    "adress": [{
        "info1": "intern",
        "info2": "bla1"
    }, {
        "info1": "extern",
        "info2": "bla2"
    }, {
        "info1": "group",
        "info2": "bla3"
    }, {
        "info1": "outdoor",
        "info2": "bla4"
    }, {
        "info1": "indoor",
        "info2": "bla5"
    }]
}}

问：我如何为所有伴奏创建* ngFor？

先谢谢您，并感谢Filout

Answer 1

您可以这样操作

在ts文件中

this.adressList= data.adresses.adress

在html文件中

<div *ngFor="let adress of adressList">
   {{adress.info1}}
</div>

Answer 2

这样做吧。

在您的component.ts文件中

data = {
    "first_name": "Peter",
    "surname": "Parker",
    "adresses": {
        "adress": [{
            "info1": "intern",
            "info2": "bla1"
        }, {
            "info1": "extern",
            "info2": "bla2"
        }, {
            "info1": "group",
            "info2": "bla3"
        }, {
            "info1": "outdoor",
            "info2": "bla4"
        }, {
            "info1": "indoor",
            "info2": "bla5"
        }]
    }
  }
  address = this.data.adresses.adress

HTML中

<div *ngFor="let value of address">
  {{value.info1}} - {{value.info2}}
</div>

如果您有任何疑问，请告诉我。