我正在使用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)
答案 0 :(得分:1)
您的代码很好,示例/截屏显示有错误或正在使用较旧的backbonejs实现,并使用较旧的chrome,因此child vs inherits.child输出。
Backbone.Collection
个模型方法 - 它是模型实例上的属性,应该由albums.models
访问,而不是albums.models()