Ember 2 - Переход на маршрут через компонент

Question

Я пытаюсь создать компонент разбиения на страницы для приложения ember 2. Поскольку это компонент разбиения на страницы общего назначения, я хотел использовать его на разных маршрутах. Из-за этого мне нужно как-то (на мой взгляд) указать имя моего маршрута для ссылок на страницы для работы.

Я могу передать в свой маршрут имя (строка) к компоненту легко: {{pagination-component myRoute='myCurrentRouteName'}}. И внутри компонента: {{link-to myRoute (query-params page=1)}}

Это хорошо работает для перехода на страницы нравится: < < < Во-первых, предыдущий, следующий> Последний >>.

Но я также хотел иметь поле выбора с опциями, указывающими на все страницы, где, если пользователь выбирает страницу, я могу перейти на этот маршрут с помощью queryParams, аналогичного этому: myRoute?page=selectedPage. Все учебники для ember говорят, что переход внутри компонента - это нет-нет.

Но как мне это сделать, учитывая, что я хочу, чтобы моя разбивка на страницы была общей, и я не хочу иметь действия в каждом маршруте, который имеет дело с разбиением на страницы и обеспечивает тот же самый точный переход?

До сих пор я обнаружил, что могу вставлять '-routing' в компонент, который может работать для перехода внутри компонента, но по какой-то причине он также не работает. Плюс люди говорят, что это частные и ненадежные. Я также попытался сделать Route Mixin с действием, поэтому могу просто sendAction от компонента с selectedPage, но я не знаю, как получить маршрутизатор (для того, чтобы позвонить router.transitionTo) в мой Mixin.

Answer 1

Мы должны использовать открытый API для перехода, который предусмотрен в Маршруте transitionTo и в Контроллере transitionToRoute. это рекомендуемый подход.

1. Как вы сказали, вы можете заставить его работать в компоненте, используя Ember.getOwner(this).lookup('router:main').transitionTo('myRouteName') но это категорически против хорошего дизайна.
2. Вы можете определить метод с именем myTransitionToUrl внутри actions хэш маршрута Application и установить ember-route-action-helper аддон для вызова метода действия метода myTransitionToUrl из компонента.
3. Если вы не хотите определять метод в маршруте приложения, вы можете определить его в mixin и реализовать его на требуемом маршруте. это тоже будет работать.
4. Мой выбор и Рекомендуемый подход бы, Say pagination-component имеет prev, next, transtionTo действия, то я буду реализовать все эти действия в Mixin и расширяющие его во всем маршруте, который использует pagination-component. и будет информировать любые изменения данных для маршрутизации через действия из компонента. что обеспечит также стратегию Data Down Actions Up.