这是一个JSBin来说明我遇到的问题。
我使用依赖注入来为API创建轮询机制,类似这样
App.Poller = Ember.Object.extend({
interval: function() {
return 1000;
}.property().readOnly(),
schedule: function(f) {
return Ember.run.later(this, function() {
f.apply(this);
this.set('timer', this.schedule(f));
}, this.get('interval'));
},
stop: function() {
this.set('running', false);
Ember.run.cancel(this.get('timer'));
},
start: function() {
if (!this.get('running')) {
this.set('running', true);
this.set('timer', this.schedule(this.get('onPoll')));
}
},
onPoll: function() {
Ember.Logger.log('basic poller overwrite with your method');
}
});
App.register('poller:main', App.Poller);
App.inject('route', 'poller', 'poller:main');
App.inject('controller', 'poller', 'poller:main');
这样我就可以通过我的路线呼叫开始和停止轮询&控制器。
我设置了父路由,以便间歇地轮询服务器以获取父路由中的进度(请注意,fetch语法来自Ember Data beta 12,但工作正常)
App.ParentRoute = Ember.Route.extend({
setupController: function(controller, model) {
store = this.store;
controller.set('model', model);
this.poller.reopen({
onPoll: function() {
return store.fetch('mymodel', 1);
}
});
},
model: function() {
return this.store.find('mymodel', 1);
}
});
我有各种子路由作为步骤过程的一部分,这取决于从API轮询接收的数据,因此在子控制器中我设置了这样的观察者
App.ParentChild1Controller = Ember.Controller.extend({
needs: ['parent'],
progress: Ember.computed.alias('controllers.parent.progress'),
pollingChild1: function() {
progress = this.get('progress');
Ember.Logger.log('called from pollingChild1 : ', progress);
if (progress < 50) {
this.poller.start();
} else {
this.transitionToRoute('parent.child2');
}
}.observes('progress').on('init')
});
它只是开始轮询,一旦进度超过50转换到下一条路线。
我不明白为什么在转换到新路线后,这个观察者会继续被召唤?
如果你在路线发生变化时从那个JSBin查看控制台,它仍然被调用。
非常感谢任何有关可能发生这种情况的建议。
答案 0 :(得分:1)
轮询器继续运行的原因是因为控制器是单例,这意味着控制器将在应用程序的生命周期内保持不变。
在您的情况下,甚至没有触摸parent
控制器,因为您正在做的是转换到parent
路径的另一个chid。但即使在你换掉parent
控制器的模型的情况下,轮询器仍然会在控制器上运行,因为它是一个单独的控制器。
您可以在此处详细了解:http://balinterdi.com/2014/06/26/ember-gotcha-controllers-are-singletons.html