【问题标题】:BackboneJS HandlebarsJS Display JSON from Spotify JSONBackboneJS HandlebarsJS 从 Spotify JSON 显示 JSON
【发布时间】:2014-08-06 09:40:48
【问题描述】:

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

这是我的骨干收藏:

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

我做错了什么?

【问题讨论】:

  • 重要的是,您的视图中的渲染方法是什么样的?

标签: json backbone.js handlebars.js spotify


【解决方案1】:

好的,我自己解决了:

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

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

现在可以了! :-)

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-04-09
    • 2013-10-12
    • 2013-09-15
    • 2018-07-09
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多