[英]Possible to make a route transition inside of a service in Ember?
我正在使用ember-cli 1.13.8,我有一个处理大部分逻辑的服务。 现在我有一个函数可以监听某些事情是真还是假,然后可以根据它来改变路由。 我宁愿不必从每条路线内部调用该功能,因为我希望它发生在每条路线上。 它的目标是确定玩家是否赢了,游戏中的每次互动都是如此。
我的游戏服务内部:
init() {
...
if(true) {
console.log("you've won!");
this.transitionTo("congratulations");
}
},
当然,这失败了,因为this
不是像Ember期望的那样。 我知道我可以从每条路线内部调用这种方法,但我想知道是否有更好的方法来做到这一点。
谢谢
编辑
到目前为止,我已尝试在应用程序中导入,然后尝试扩展路由器。 这似乎是一个坏主意。
您可以使用路由服务(这是一个私有API):
routing: Ember.inject.service('-routing'),
init() {
...
if(true) {
console.log("you've won!");
this.get("routing").transitionTo("congratulations");
}
},
从Ember 2.15开始,有一个公共router
服务正是这个用例。 只需将router: Ember.inject.service(),
添加到您的Ember类并调用this.get('router').transitionTo(...);
, 简单!
通常这是一个坏主意,但在某些情况下,它比在100个地方通过路线行动(个人经验)更容易。
从任何地方执行此操作的更好方法是在容器上查找路由器:
Ember.getOwner(this).lookup('router:main').transitionTo(...);
this
必须是一些容器分配的Ember对象,其中包括组件,服务和Ember Data模型。
另请注意,如果这将被大量调用,您将希望将路由器存储为属性。 你可以在init
钩子里做到这一点:
init() {
this._super(...arguments);
this.set('router', Ember.getOwner(this).lookup('router:main'));
}
...
this.get('router').transitionTo(...);
Ember.getOwner(this)
在Ember 2.3+中工作 ,在此之前你可以使用this.get('container')
代替。
恩伯1.13:
创建另一个名为routing的服务:
import Ember from 'ember';
export default Ember.Service.extend({
_router: null,
init() {
this._super();
this.set('_router', this.get('container').lookup('router:main'));
},
transitionTo() {
this.get('_router').transitionTo(...arguments);
}
});
那么你也能:
routing: Ember.inject.service(),
goSomewhere() {
this.get('routing').transitionTo('index');
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.