Wie Ison Objekteigenschaft zu iterieren mit * ngFor in Angular 4

Question

Ich muss diese JSON-Eigenschaft mit * ngFor iterieren.

Hier ist meine JSON-Daten:

{ 
    "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" 
    } 
} 

Answer 1

Versuchen Sie folgendes:

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>