无法从iTunes API获取JSON中的对象

时间:2018-05-12 06:34:21

标签: javascript json angular

我正在使用角度和数据构建音乐应用程序我正在使用Apple iTunes API。当我获取JSON结果时,我无法获取对象属性。

以下是itune API返回的数据:

data returned from API

我可以渲染一些属性,例如类别,ID,标题等。但是无法呈现在其名称之前具有 im:的属性,例如im:artistim:name等。< / p>

这就是我在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>

2 个答案:

答案 0 :(得分:0)

轨道似乎很糟糕,但你可以达到以下几种方式。

  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 ""
      }
    }
    

答案 1 :(得分:0)

使用

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