eckig 2 - Wie durchläuft ich eine JSON-Antwort, die ein Objekt enthält, das ein Array von Objekten enthält?

Question

Ich bin mit einem Web-api, dass mein Freund erstellt, und hier ist eine Probe Antwort:

{ 
    types: [ 
    { 
     id: 1, 
     contents: [ 
     { 
      id: 1001, 
      perishable: 0 
     }, 
     { 
      id: 1002, 
      perishable: 0 
     } 
     ] 
    } 
    ] 
} 

Also, wenn ich eine Antwort erhalten, die drei Arten von Dingen in sich hat, und jeder dieser Typen hat 3 Inhalt, wie kann ich in diesem Szenario einen Repeater verwenden? Ich bin in der Lage, die Typ-ID richtig zu bekommen, aber ich habe Probleme mit dem Inhalt zu wiederholen.

<div *ngFor="let type of response.types"> 
    <h2>{{type.id}}</h2> 
    <!-- here I want to show basically divs for each of the objects in contents --> 
    <div *ngFor="what should I do here?"> 
    <p>{{content.id}}</p> 
    <p>{{content.perishable}}</p> 
    </div> 
</div> 

Answer 1

<div *ngFor="let type of response.types"> 
    <h2>{{type.id}}</h2> 

     <div *ngFor="let content of type.contents"> 
      <p>{{content.id}}</p> 
      <p>{{content.perishable}}</p> 
     </div> 

</div>