Угловой 2 - как мне пройти через ответ JSON, который содержит объект, который содержит массив объектов?

0

Я использую веб-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>
Теги:
angular

1 ответ

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>
  • 0
    Ага ! Добро пожаловать !

Ещё вопросы

Сообщество Overcoder
Наверх
Меню