Я использую веб-api, который создал мой друг, и вот пример ответа:
{
types: [
{
id: 1,
contents: [
{
id: 1001,
perishable: 0
},
{
id: 1002,
perishable: 0
}
]
}
]
}
Поэтому, если я получаю ответ, у которого есть три типа вещей, и каждый из этих типов имеет 3 содержимого, как я могу использовать повторитель в этом сценарии ниже? Я могу правильно получить идентификатор типа, но у меня возникают проблемы с повторением содержимого.
<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>
<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>