javascript - Soundcloud 对象数组为空

Question

下面是以下 Javascript 和 HTML (使用 assemble+handlebars) 我不明白为什么返回的 SC 数据没有显示在 HTML 中？正确的数字<li>正在生成项目，但它们是空的。

我的 JS 是否需要额外的步骤来启用 soundcloud JSON？我直接使用 Soundcloud API。

JS:

var soundcloud = {

    init: function (config) {
        SC.initialize({
            client_id: 'xxx'
        });
        this.template = config.template;
        this.container = config.container;
        this.fetch();
    },

    attachTemplate: function () {
        var template = Handlebars.compile(this.template);
        this.container.append(template(this.tracks));
    },

    fetch: function () {
        var self = this;
        SC.get("/users/robbabicz/tracks", function (data) {
            self.tracks = $.map(data, function (track) {
                return {
                    artwork: track.artwork_url,
                    duration: track.duration,
                    permalink: track.permalink_url,
                    listens: track.playback_count,
                    stream: track.stream_url,
                    title: track.title
                };
            });
            self.attachTemplate();
        });
    }

};

soundcloud.init({
    template: $('#tracks-template').html(),
    container: $('ul.soundcloud')
});

HTML:

<ul class="soundcloud">
    <script id="tracks-template" type="text/x-handlebars-template">
    {{#each this}}
        <li data-stream="{{stream}}">
            <p>Track: {{title}}</p>
        </li>
    {{/each}}
    </script>
</ul>

Answer 1

工作正常..这是DEMO

我将 client_id 从“xxx”更改为“YOUR_CLIENT_ID”，我看到了响应。如果您使用的是实际的 client_id 而不是 xxx，您可能只需要打印服务器响应并查看发生了什么

我使用了此处提到的以下内容 http://developers.soundcloud.com/docs/api/sdks#javascript它工作正常

client_id: "YOUR_CLIENT_ID", redirect_uri: "http://example.com/callback.html"