var Campaign = new CampaginModel() がモデルを取得していないというエラーがビューに表示されます。
require.js + バックボーンの使用:
エラー:
キャッチされていない TypeError: オブジェクト [オブジェクト オブジェクト] にメソッド 'fetch' がありません
console.log(CampaginModel)
オブジェクトをコンソールアウトするfunction (){return i.apply(this,arguments)}
と、モデルのインスタンスである必要があるため、完全に正しくありません。
ここで私は何を間違えましたか?
モデル(モデル/キャンペーンモデル):
define([
'underscore',
'backbone'
], function(_, Backbone) {
var CampaginModel = Backbone.Model.extend({
urlRoot: '/api/v1/campaign/'
});
return CampaginModel;
});
意見:
define([
'jquery',
'underscore',
'backbone',
'views/RewardView',
'views/FriendRewardView',
'models/CampaginModel',
'text!templates/backbone/portal/campaignTemplate.html'
], function($, _, Backbone, campaignTemplate, CampaginModel){
var CampaginView = Backbone.View.extend({
el: '#campaign-panel',
render: function(options) {
if(options.id){
var campaign = new CampaginModel({id: options.id});
campaign.fetch({
success: function(campaign){
}// end success
}); // end fetch
}// end if option.id
} // end render function
}); // end campagin view
return CampaginView;
});
main.js:
require.config({
shim: {
underscore: {
exports: '_'
},
backbone: {
deps: ['underscore', 'jquery'],
exports: 'Backbone',
init: function (_, $) { Backbone.$ = $; return Backbone; }
}
},
paths: {
jquery: '//cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min',
underscore: '//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.5.2/underscore-min',
backbone: '//cdnjs.cloudflare.com/ajax/libs/backbone.js/1.1.0/backbone-min',
templates: '/templates/'
}
});
require([
'app'
], function(App){
App.initialize();
});