Backbone JS Handlebars JS显示来自Spotify JSON的JSON

时间:2014-08-06 09:40:49

标签: json backbone.js handlebars.js spotify

我想使用Spotifys API在我的Backbone View上显示相关的艺术家。到目前为止一切顺利,我设法加载了API / JSON数据,但我不能将它显示在我的Handlebars模板中,我得到一个空的HTML模板,我不知道我做错了什么?!?

这是我的Backbone Collection:

ArtistRelated.Collection = Backbone.Collection.extend({
    url: function() {
        return 'https://api.spotify.com/v1/artists/1HY2Jd0NmPuamShAr6KMms/related-artists';
    },      
    parse: function(artists){
        return artists;
    }           
});

我的Handlebars HTML:

{{#each this}}
  <img src="{{images.url}}" alt="{{name}}">
  <div>
   <h3>{{name}}</h3>
  </div>
{{/each}}

我以API为例:

https://api.spotify.com/v1/artists/1HY2Jd0NmPuamShAr6KMms/related-artists

我做错了什么?

1 个答案:

答案 0 :(得分:0)

好的我自己解决了:

将集合的解析方法添加/更改为:

parse: function(response){
    return response.artists;
}

和Handlebars模板:

{{#each this}}
 <img src="{{this.images.[0].url}}" alt="{{this.name}}">
 <div>
   <h3>{{this.name}}</h3>
 </div>
{{/each}}

它现在有效! : - )