Извлекает значение вложенного объекта из ответа API

#typescript #angular7

#typescript #angular7

Вопрос:

Если у меня есть следующий ответ API, как получить значение, player используя ngFor в angular 7?

введите описание изображения здесь

Комментарии:

1. опубликуйте то, что вы сделали до сих пор

2. <div class="col" *ngFor="let parent of summeryDetail.match_details"> <div class="text-center pt-3" *ngFor="let child1 of parent.team_a"> <h3 class="mb-0" *ngFor="let child2 of child1.teama_player">{{ child2.player }}</h3> </div>

3. @KrishnamoorthyM match_details является объектом, поэтому это не сработает!

4. @Prashant Pimpale , хорошо, какие изменения необходимо внести… как обращаться с этим вложенным объектом.

5. @KrishnamoorthyM Пожалуйста, предоставьте образец JSON в виде кода. поэтому постараюсь

Ответ №1:

Если вы хотите получить список всех игроков, т. Е. teama_player список, вы можете просто:

 <div class="col" *ngFor="let obj of summeryDetail.match_details.team_a.teama_player">
   {{obj.player}}
</div>