Angular 2 - iterating over json array inside a json object Angular 2 - iterating over json array inside a json object angular angular

Angular 2 - iterating over json array inside a json object


Plunker

To loop over Array:

<li *ngFor="let doc of docs">{{doc.id}}</li>

To loop over Object Properties:

You will have to generate an Array of the object properties

generateArray(obj){   return Object.keys(obj).map((key)=>{ return obj[key]});}

and use it like

<li *ngFor="let doc of docs">   <span *ngFor="let v of generateArray(doc)"> {{v}} </span></li>

Or you can use as Pipe.