可以在 Ember 的服务内部进行路由转换吗？答案

【问题标题】：Possible to make a route transition inside of a service in Ember?可以在 Ember 的服务内部进行路由转换吗？
【发布时间】：2015-10-25 20:05:35
【问题描述】：

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

在我的游戏服务内部：

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

当然，这会失败，因为 this 不是 Ember 所期望的路线。我知道我可以从每条路线内部调用此方法，但我想知道是否有更好的方法来执行此操作。

谢谢

编辑

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

【问题讨论】：

标签： ember.js

【解决方案1】：

您可以使用路由服务（这是一个私有 API）：

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

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

【讨论】：

哇，好的，我得试试这个。我不知道这一点。
这在 ember 2.x 中有效吗？它只是告诉我 Ember 2.4.0 中未定义路由。
嗨 Dwickem，效果很好，让 sendAction 变得多余，这对我来说有点痛苦。你知道 -routing 是 Ember 的首选方式吗？
请注意，这个（被破解的）transitionTo() 与普通的 Route.transitionTo() 方法略有不同。更多信息：github.com/emberjs/ember.js/issues/12719#issuecomment-204099140

【解决方案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')。

【讨论】：

每次查找都可能是一项昂贵的操作，因此如果可能，请使用此link中提供的图形建议更新您的答案

【解决方案3】：

Ember 1.13：

创建另一个名为路由的服务：

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

【讨论】：