我正面临动态分段路由器v2的问题。这是js "http://jsfiddle.net/q9zvU/5/"的链接。
var App = Ember.Application.create();
App.deferReadiness();
App.ApplicationView = Ember.View.extend({
templateName: 'campaign-app'
})
App.Router.map(function(match) {
this.route('campaigns', {path: '/:type'})
})
App.CampaignsRoute = Ember.Route.extend({
model: function() {
alert('called model method');
var data;
$.ajax({
url: '/echo/json/',
async: false,
data: {
json: JSON.encode([{
name: 'Campaign 1',
type: 'scheduled'
}, {
name: 'Campaign 2',
type: 'scheduled'
}, {
name: 'Campaign 2',
type: 'draft'
}])
},
dataType: 'json',
success: function(json) {
alert(JSON.stringify(json));
data = json;
}
})
return data;
},
renderTemplate: function() {
this.render({outlet: 'campaigns'});
}
})
App.CampaignsView = Ember.CollectionView.extend({
itemViewClass: Ember.View.extend({
templateName: 'campaigns'
})
})
App.advanceReadiness();
route的model方法没有调用linkTo和transitionTo。(ember的文档中清楚地说明了这一点)。但是对于我的情况,我真的需要有一个点从ajax请求中加载数据。
谢谢,林恩
关于模型钩子的Ember文档:
"一个钩子,你可以实现将URL转换为模型路线。"
所以模型钩子只在页面刷新时调用。但这让很多人困惑:-)。这里不是右勾拳。我认为这里应该使用setupController钩子。试试这个:
App.CampaignsRoute = Ember.Route.extend({
setupController: function(controller) {
alert('called setupController method');
var data;
$.ajax({
url: '/echo/json/',
async: false,
data: {
json: JSON.encode([{
name: 'Campaign 1',
type: 'scheduled'
}, {
name: 'Campaign 2',
type: 'scheduled'
}, {
name: 'Campaign 2',
type: 'draft'
}])
},
dataType: 'json',
success: function(json) {
alert(JSON.stringify(json));
data = json;
}
});
controller.set("model",data);
}
});
一点额外的注释:你不把你的对象包装在Ember.Object中似乎很尴尬。