我已经开始将 Spotify API 作为个人学习练习，并从初学者教程开始。
给出的示例代码使用 handlebars.js 作为模板，我实际上认为它很酷。我怎么总是想不出一种方法来做我想要完成的事情。
这是我的模板
<script id="recently-played-template" type="text/x-handlebars-template">
<div class="">
<dl class="dl-horizontal">
<h3> Recently Played </h3>
<p>{{items.0.track.artists.0.name}} - {{items.0.track.name}}</p>
</dl>
</div>
</div>
</script>
我正在对 spotify API 进行以下调用。成功后，它将使用该 JSON 响应数据填充模板，然后将其放入占位符 div 中以向用户显示数据
$.ajax({
url: 'https://api.spotify.com/v1/me/player/recently-played',
headers: {
'Authorization': 'Bearer ' + access_token
},
success: function(response) {
recentlyPlayedPlaceholder.innerHTML = recentlyPlayedTemplate(response);
$('#login').hide();
$('#loggedin').show();
}
});
所以我想弄清楚如何做的是以基于返回的曲目数量的方式构建我的模板。
假设用户在一周内没有使用 Spotify，然后听了 3 首歌曲。那么我想要显示 3 首歌曲。
如果他们听了 10 我想要 10 显示。
我只是不确定如何使模板动态化。
我不需要直接的答案，只需朝正确的方向推动即可。感谢任何帮助。
我假设您的代码运行正常，没有任何错误。删除<p>{{items.0.track.artists.0.name}} - {{items.0.track.name}}</p>并尝试下面的代码。
{{#each items}}
<li>{{track.name}}</li>
{{/each}}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句