我学习了peepcode backbone.js基础教程,据我所知,我的代码与截屏视频是相同的,但我的控制台行为非常不同。
我的Chrome控制台(在屏幕直播中使用)会产生这个结果。
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)
发布于 2012-07-17 21:01:05
您的代码没有问题,示例/截屏视频有错误或者使用较旧的backbonejs实现,并且使用较旧的chrome,因此子项与inherits.child输出。
Backbone.Collection
models方法-它是模型实例上的一个属性,应该由albums.models
而不是albums.models()
访问
https://stackoverflow.com/questions/11521553
复制相似问题