Невозможно получить объект из JSON из iTunes API

Question

Я создаю музыкальное приложение, используя Angular, а для данных я использую Apple iTunes API.Когда я получаю результаты JSON, я не могу получить свойства объекта.

Ниже приведены данные, возвращаемые API itune:

данные, возвращаемые из API

Я могу отобразить некоторые свойства, такие как категория, идентификатор, заголовок и т. Д., Но не могу отобразить свойства, которые имеют im: перед своим именем, например im:artist, im:name и т. Д.

Этокак я рендеринга данных в HTML-компонент:

// This Works  
<div *ngFor="let track of tracks">{{track.title.label}}</div>

// This does not work 
<div *ngFor="let track of tracks">{{track.im:name.label}}</div>

Answer 1

Использование

<div *ngFor="let track of tracks">{{track['im:name'].label}}</div>

Answer 2

Кажется, это плохо для треков, но вы можете достичь, как показано ниже:

1. Если вы считаете, что всегда есть объект track.im:name.label, тогда вы можете ниже трюка

   <div *ngFor="let track of tracks">{{track["im:name"].label}}</div>
   

2. Другой способ

   <div *ngFor="let track of tracks">{{getLabel(track)}}</div>
   
   getLabel(task){
     if(task["im:name"] && task["im:name"].label){
       return task["im:name"].label
     } else {
       return ""
     }
   }