Question

我使用的是ember-cli 1.13.8，我有一个处理大部分逻辑的服务。现在我有一个函数可以监听某些事情是真还是假，然后可以根据它来改变路由。我宁愿不必从每条路线内部调用该功能，因为我希望它发生在每条路线上。它的目标是确定玩家是否赢了，游戏中的每次互动都会推动这一点。

我的游戏服务内部：

init() {
  ... 
  if(true) {
    console.log("you've won!");
    this.transitionTo("congratulations");
  }
},

当然，这失败了，因为this不像Ember期望的那样。我知道我可以从每条路线内部调用这种方法，但我想知道是否有更好的方法来做到这一点。

由于

修改

到目前为止，我已尝试在应用中导入，然后尝试扩展路由器。这似乎是一个坏主意。

Answer 1

您可以使用路由服务（私有API）：

routing: Ember.inject.service('-routing'),

init() {
  ... 
  if(true) {
    console.log("you've won!");
    this.get("routing").transitionTo("congratulations");
  }
},

Answer 2

从Ember 2.15开始，对于这个用例，有一个公共router服务。只需将router: Ember.inject.service(),添加到您的Ember课程，然后轻松拨打this.get('router').transitionTo(...);！

一般来说这是一个坏主意，但在某些情况下，它比在100个地方通过路线行动更容易（个人经验）。

从任何地方执行此操作的更好方法是在容器上查找路由器：

Ember.getOwner(this).lookup('router:main').transitionTo(...);

this必须是一个容器分配的Ember对象，其中包括组件，服务和Ember数据模型。

另请注意，如果这将被大量调用，您将希望将路由器存储为属性。您可以在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')代替。

Answer 3

Ember 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');
}

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

3 个答案: