こんにちは、みなさん!
Backbone の学習を始めたばかりで、最初のコードに問題があります。私が作成したコード例には、ボタンをクリックすると、モデルからいくつかのデフォルト値を取得するコード (ビュー) が追加されます。しかし、次のメッセージが表示されますObject function (){return i.apply(this,arguments)} has no method 'get'
。これが私のコードです:
var app = {};
// the model
app.Answer = Backbone.Model.extend({
defaults: {
title: 'Your answer here',
isAnswer: false
}
});
//the collection
app.AnswerList = Backbone.Collection.extend({
model: app.Answer,
localStorage: new Store("backbone-answers")
});
//the view that is added when the button is clicked
app.AnswerView = Backbone.View.extend({
tagName: 'li',
// template: _.template($('#answer-template').html()),
template: _.template('<%= title %>: <%= isAnswer %>'),
events: {
'click button.destroy': 'remove',
},
initialize: function(){
_.bindAll(this, 'render','remove');
// this.model.bind('change', this.render());
this.render();
},
render: function(){
$(this.el).html(this.template({title: this.model.get('title'), isAnswer: this.model.get('isAnswer')}));
return this;
},
remove: function(){
$(this.el).destroy();
}
});
// the main view
app.AppView = Backbone.View.extend({
el: $('#body'),
events: {
'click button#insert-button': 'addAnswer'
},
initialize: function(){
_.bindAll(this, 'addAnswer');
this.ul = $('#content');
this.collection = new app.AnswerList();
console.log('initialize');
},
addAnswer: function(){
console.log('append');
var newAnswer = new app.AnswerView({model: app.Answer});
$('ul',this.el).append(newAnswer);
}
});
app.appView = new app.AppView();
私はバックボーンの初心者なので、私の質問は次のとおりです。何が間違っているのですか?
助けてくれてありがとう!