foreach-Schleife in Angular 2

Question

Ich arbeite an einem Projekt mit Angular 2.
In einem meinem Szenario habe ich das Array von dem API-Aufruf.
Array ist wie:
[{'key1': 'value1', 'key2': 'value2', 'key3': 'value3'}, {'key1': 'value1', 'key2': 'value2', 'key3': 'value3'}, {'key1': 'value1', 'key2': 'value2', 'key3': 'value3'}]

Mit diesem Array ich den Tisch wie

Schlüssel1key2key3
Wert1 Wert2 Wert3
Wert1 Wert2 Wert3
Wert1 Wert2 erstellen möchten value3

Also, meine Frage ist, wie bekomme ich die key und die value aus dem Array

Gibt es eine forEach Schleife?

Answer 1

Wenn die Daten von Ihrem API kommen

Sie benötigen ein neues KeysArray den folgenden Code-Snippet auf Ihrer Komponente Withe zu erstellen. Angenommen, jedes Objekt enthält dieselben Schlüssel.

keysArray = Object.keys(this.apiData[0]); 

Jetzt wiederholen Sie die Tasten Array und apiData in Ihrer Vorlage wie folgt.

<table> 
    <thead> 
     <tr> 
      <th *ngFor="let key of keysArray; let i = index;">{{key}}</th> 
     <tr> 
    </thead> 
    <tbody> 
     <tr *ngFor="let item of apiData;"> 
      <td *ngFor="let key of keysArray;">{{item[key]}}</td> 
     <tr> 
    </tbody> 
</table>