У меня есть решение, но вам нужно изменить свой объект.
Вы должны переопределить метод toString для городов и имен в вашей модели:
test= [{
"id": "5b48bffc644fca001419769c",
"names": [{
"name": "bob",
toString: function(){return this.name;}
},
{
"name": "stan",
toString: function(){return this.name;}
}
],
"cities": [{
"city": "London",
toString: function(){return this.city;}
},
{
"city": "Madrid",
toString: function(){return this.city;}
}
]
}];
Раздел HTML будет выглядеть так:
<div *ngFor="let t of test">
<p> {{t.id}}</p>
<p> {{t.names.join(",")}}</p>
<p> {{t.cities.join(",")}} </p>
</div>
Выход:
5b48bffc644fca001419769c
bob,stan
London,Madrid