Ember 2 - 过渡到通过组件的路由

Question

我正在尝试为 ember 2 应用程序制作分页组件。 由于它是一个通用的分页组件，我想在许多不同的路线上使用它。因此，我需要以某种方式（在我的脑海中）提供我的路线名称，以便分页链接起作用。

我可以轻松地将我的路由名称（字符串）传递给组件： {{pagination-component myRoute='myCurrentRouteName'}}。和 组件内部：{{link-to myRoute (query-params page=1)}}

它适用于以下页面： , Last >>.

但我还希望有一个选择框，其中包含指向所有页面的选项，如果用户选择一个页面，我可以使用类似于以下内容的 queryParams 转换到该路由：myRoute?page=selectedPage。 ember 的所有教程都说在组件内进行转换是禁忌。

但是，鉴于我希望我的分页是通用的，并且我不想在处理分页并提供相同精确转换的每条路线中都有操作，我该怎么做？

到目前为止，我发现我可以将'-routing' 注入到组件中，这可以用于组件内的转换，但由于某种原因它也不能安静地工作。另外，人们说它是私人的，不可靠的。 我还尝试使用操作制作 Route Mixin，这样我就可以使用 selectedPage 从组件中简单地 sendAction，但我不知道如何在我的 Mixin 中获取路由器（以便调用 router.transitionTo）。

Answer 1

我们应该使用公共 API 进行转换，它在 Route transitionTo 和 Controller transitionToRoute 中提供。这是推荐的方法。

1. 正如您所说，您可以使用Ember.getOwner(this).lookup('router:main').transitionTo('myRouteName') 使其在组件中工作，但这强烈反对良好的设计。
2. 您可以在Application 路由的actions 哈希中定义名为myTransitionToUrl 的方法，并安装ember-route-action-helper 插件以从组件调用路由操作方法myTransitionToUrl。
3. 如果你不想在应用路由中定义方法，那么你可以在mixin中定义它，并在需要的路由中实现它。这也行。

4. 我的选择和推荐方法是，假设pagination-component 有prev,next,transtionTo 动作，那么我将在Mixin 中实施所有这些动作并将其扩展到使用pagination-component 的所有路由中。并将通知任何数据更改以通过组件的操作进行路由。这也将确保Data Down Actions Up 策略。

5. 如果您只是过渡到不同的路线，那么最新可能的方法是，

如果ember版本大于2.15，则可以注入RouterService并直接调用transitionTo方法。 如果您使用的是 ember 2.15 或以下版本，则可以使用router service polyfill 来使用RouterService。

import Ember from 'ember';

export default Ember.Component.extend({
  router: Ember.inject.service(),

  actions: {
    next() {
      this.get('router').transitionTo('other.route');
    }
  }
});