繁体   English   中英

可以在Ember的服务中进行路由转换吗?

[英]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.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM