backbone.js fetch()返回对象而不是child

时间:2012-07-17 11:30:15

标签: javascript google-chrome object backbone.js

我正在使用peepcode backbone.js基础知识教程,据我所知,我的代码与截屏视频相同,但我的控制台行为非常不同。

我的Chrome控制台(在screecast中使用)会产生此结果。

albums = new Albums()
child
albums.fetch()
Object
albums.models()
TypeError: Property 'models' of object [object Object] is not a function

截屏视频控制台看起来像这样

albums = new Albums()
inherits.child
albums.fetch()
inherits.child
albums.models()
[ inherits.child, inherits.child ]

我完全迷失了这个分崩离析的地方。是我的代码(见下文),我的浏览器还是别的什么?

(function($) {

window.Album = Backbone.Model.extend({

    isFirstTrack: function(index) {
        return index == 0;
    },

    isLastTrack: function(index) {
        return index >= this.get('tracks').length - 1;
    },

    trackUrlAtIndex: function(index) {
        if (this.get('tracks').length >= index) {
            return this.get('tracks')[index].url;
        }
        return null;
    }

});

window.Albums = Backbone.Collection.extend({
    model: Album,
    url: "/albums"
});


window.AlbumView = Backbone.View.extend({
    tagName: 'li',
    className: 'album',

    initialize: function() {
        _.bindAll(this, 'render');
        this.model.bind('change', this.render);

        this.template = _.template($('#album-template').html());
    },

    render: function() {
        var renderedContent = this.template(this.model.toJSON());
        $(this.el).html(renderedContent);
        return this;
    }

});

})(jQuery)

1 个答案:

答案 0 :(得分:1)

您的代码很好,示例/截屏显示有错误或正在使用较旧的backbonejs实现,并使用较旧的chrome,因此child vs inherits.child输出。

  • fetch应该返回对象 - 它是一个jquery延迟对象,你可以使用它来解决成功和错误回调(在jquery API文档中查看更多有关jquery延迟的内容 - 很棒的东西!)
  • 没有Backbone.Collection个模型方法 - 它是模型实例上的属性,应该由albums.models访问,而不是albums.models()