Tabelle passt sich nach JSON-Objekt an

Question

Ich möchte eine Tabelle erstellen, die ein JSON-Objekt anzeigt. Das JSON-Objekt kann mehrere Ebenen haben, so dass ich alle Daten in einer Zeile in der Tabelle anzeigen möchte. In der PLNKR möchte ich, dass das [Objekt] die ID anzeigt.

ResultData=[ 
    { 
     "First_name": "xx", 
     "Email": "xxxx", 
     "Phone": "xxx", 
     "countryCode": "+91", 
     "order_datetime": "xxx", 
     "status": 11, 
     "DeviceType": 3, 
     "orderId": { 
      "orderId": "59081a04c9ff6852a49dd32a", 
     },....... 
] 

Plunker: http://plnkr.co/edit/YIEe99h9DSLJLhYR3Ma3

Answer 1

<tr *ngFor=" let res of ResultData"> 
    <td *ngFor=" let key of keys"> 
    <ng-container *ngIf="key === 'orderId'"> 
     {{res.orderId.Id}} 
    </ng-container> 
    <ng-container *ngIf="key !== 'orderId'"> 
    {{res[key]}} 
    </ng-container> 
    </td> 
</tr> 

Plunker example