如何在Angular 4中使用*ngFor迭代json对象属性

我需要使用*ngFor来迭代这个JSON属性

以下是我的JSON数据：

{
    "Id":1,
    "Time":"9:30",
    "Status":"Delivered",
    "Date":"20170623",
    "Quantity":2,
    "MetaDataStr":{
        "gender":true,
        "category":"Home Cook",
        "fullName":"Sachin patil",
        "imageURL":"ht/medias/57",
        "description":"hello"
    }
}

试试这个：

export class AppComponent {
    data = { "id": 1, "Time": "9:30", "Status": "Delivered", "Date": "20170623" };
    keys: string[];
    ngOnInit() {
        this.keys = Object.keys(this.data);
    }
}

// In template:

<div *ngFor="let prop of keys">
    <label> {{ prop }}:</label><div>{{ data[prop] }} </div>
</div>

导出类AppComponent{
数据={“id”：1，“时间”：“9:30”，“状态”：“已交付”，“日期”：“20170623”}；
键：字符串[]；
恩戈尼尼特（）{
this.keys=Object.keys（this.data）；
}
}
//在模板中：
{{prop}}:{{data[prop]}

这个问题以前已经回答过很多次了。请先做些调查