json - *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

标签： jsonangulartypescriptngfor

Answer 1

你可以这样做

在 ts 文件中

this.adressList= data.adresses.adress

在 html 文件中

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