Ember transitionToRoute чисто в компоненте без sendAction

Question

Как можно назвать transitionToRoute чистотой внутри компонента Ember?

Он работает с введением контроллера в компонент и вызовом функции контроллера transitionToRoute, однако мне хотелось бы немного более элегантным, если это возможно.

Что она в настоящее время выглядит как внутри JavaScript компонента:

// this.controller is injected in an initializer 
this.controller.transitionToRoute("some.target.route.name"); 

Что бы лучше в JavaScript компонента:

transitionToRoute("some.target.route.name"); 

Одной из целей является сделать это без использования sendAction как этот конкретный компонент имеет единственную цель и всегда должен переходить на тот же маршрут. Нет необходимости в том, чтобы любые другие артефакты Ember знали о маршруте, к которому этот компонент всегда переходит, нет необходимости в соответствующем косвенности. Ответственность за целевой маршрут принадлежит этому компоненту.

Answer 1

Вы можете использовать контейнер, чтобы получить доступ к любой необходимой части приложения. Чтобы получить контроллер приложения:

this.container.lookup('controller:application') 

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

Answer 2

---

---

UPDATE Пожалуйста, смотрите другие более поздние ответы о том, как добиться этого с меньшим количеством кода в новых версиях Ember и проголосовать за них, если они сработают для вас - Спасибо!

---

---

Инжектируйте router на компоненты и вызвать this.get('router').transitionTo('some.target.route.name').

Чтобы впрыскивать router во все компоненты, написать инициализатор в app/initializers/component-router-injector.js со следующим содержанием:

использование

// app/initializers/component-router-injector.js 
export function initialize(application) { 
    // Injects all Ember components with a router object: 
    application.inject('component', 'router', 'router:main'); 
} 

export default { 
    name: 'component-router-injector', 
    initialize: initialize 
}; 

образца в компоненте:

import Ember from 'ember'; 

export default Ember.Component.extend({ 
    actions: { 
    submit: function() { 
     this.get('router').transitionTo('some.target.route.name'); 
    } 
    } 
}); 

Answer 3

Если вы хотите использовать только маршрутизатор в конкретном компоненте или сервис или контроллер, вы можете попробовать t его:

Инициализировать атрибут с помощью частного сервиса -routing. -, потому что это еще не публичный API.

router: service('-routing'), 

И тогда внутри любого метода действия или другой функции внутри службы или компонента:

this.get('router').transitionTo(routeName, optionalParams); 

Примечание: Это будет в контроллере transitionToRoute.

Answer 4

22 января 2018 Обновление
По состоянию на Ember 2.15, фаза 1 из public router service реализуется.
Переход к маршруту внутри компонента:

import { inject as service } from '@ember/service'; 

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

    actions: { 
    someAction() { 
     this.get('router').transitionTo('index'); 
    } 
    } 

});