Вам просто нужно использовать *ngFor
, чтобы перебирать документы , а затем два *ngFor
s для итерации по names
и cities
, подобные этому ( StackBlitz Demo ):
ts:
documents = [{
"id": "5b48bffc644fca001419769c",
"names": [{"name": "bob"},{"name": "stan"}],
"cities": [{"city": "London"},{"city": "Madrid"}]
},{
"id": "5b48bffc644fca001419769cde",
"names": [{"name": "Jon"},{"name": "Doe"}],
"cities": [{"city": "Barcelona"},{"city": "Saragoza"}]
}
];
html:
Id: {{doc.id}}
Names: {{n.name}}{{lastName ? '': ','}}
Cities: {{c.city}}{{lastCity ? '': ','}}
Выход: