Связывание с динамическим сегментом маршрута

Question

Я пытаюсь связать вычисляемое свойство (или изменить через наблюдателя) динамический сегмент iso в маршруте locale. Маршрутизатор у меня представлен:

this.route('locale', { path: '/:iso' }, function(){ 
    this.route('products', function() { 
     this.route('single', { path: '/:id/:seoName' }); 
    }); 
}); 

что приводит к URL, как это:

http://localhost:4200/en-us 
http://localhost:4200/en-us/products 
http://localhost:4200/en-us/products/123/product-name 

Что мне интересно, есть ли способ программно изменить en-us часть URL нет вопрос, на каком пути вы находитесь? Моя проблема до сих пор с запуском transitionTo() заключается в том, что я не знаю, что такое подпункт маршрута из текущего местоположения.

В принципе, мне нужен способ привязки сегмента en-us к вычисленному значению, которое я могу обновить автоматически при его изменении.

Заранее благодарен!

EDIT:

Для дальнейшего уточнения, я ищу способ, чтобы обновить сегмент URL когда свойство изменяет. Что-то вроде этого:

• Перейдите к: http://localhost:4200/en-us/products
• служба называет this.set('locale', 'fr-ca')
• Route детектирует обновлено service.locale свойство
• URL будет обновлена: http://localhost:4200/fr-ca/products

Answer 1

Хорошо, вот как вы можете передать параметр вашему контроллеру, а затем установить для него вычисленное свойство.

Первый маршрут

export default Ember.Route.extend({ 
    iso: null, 
    queryParams: { 
    iso: { 
     refreshModel: true 
    } 
    }, 
    model(params) { 
    this.set('iso', params.iso); 
    return this.store.query('product', params); // do your query here to fetch products based on iso or whatever 
    }, 
    setupController(controller, model) { 
    controller.set('iso', this.get('iso')); 
    } 
}); 

Так что я здесь - я сделал парам модель изо обновления - при его изменении модель будет перезагрузить. Это необязательно. Также на этом пути я создал свойство iso для сохранения его значения, поскольку модель выполняется до setupController. Это всего лишь трюк, чтобы позже передать его значение контроллеру.

Теперь у вас есть значение iso из params в контроллер, и оттуда вы можете создать вычисленное свойство из этого значения. Что-то вроде этого:

export default Ember.Controller.extend({ 
    iso: null, //it will be set by its router 
    isoComputed: Ember.computed('iso', function() {}) //do here a computed based on iso prop 
} 

Это способ перейти от маршрутизатора Params к контроллеру и внутри контроллера установлен вычисляемым, который вы можете использовать в шаблонах.

Обратите внимание, что это то, что вы хотели, но я надеюсь, что это поможет. Дайте мне знать ...

EDIT

Обновленное вопрос имеет больше смысла.Я думаю, что вы можете иметь вычисляемые собственности на службе, и сделать редирект после его изменений, так что-то вроде этого

export default Ember.Controller.extend({ //you can do this on a route or controller 
localization: Ember.inject.service('localization'), 
locale: Ember.computed.oneWay('localization.locale'), 
redirect: Ember.computed('locale', function() { 
    let locale = this.get('locale'); 
    if(locale === "fr-FR") { 
    this.transitionTo('products', { queryParams: { iso: 'fr-FR' }}); //you can redirect to whatever 
    } 
}) 

}

EDIT 2:

После еще объекта службы мышления следует хранить значения перехода. Эта часть должна быть перемещена в Mixin, поэтому ее легко реализовать на каждом вложенном маршруте. Затем Перенаправление после опоры изменяется, хранится в службе, чтобы другой реквизит, как это:

params: Ember.computed.oneWay('localization.params'), 
//inside redirect 
this.transitionTo(...queryParams:{ this.get('params') }).... 

Answer 2

Таким образом, после нелепого количества проб и ошибок, я остановился на делать replaceWith() на маршрутизаторе в сочетании с регулярным выражением для замены из старого iso с новым. Я закончил с этим:

/** 
* Locale changed 
* 
* @return {null} 
*/ 
localeChanged: function(){ 
    const locale = this.get('i18n.locale'); 
    const router = this.get('routing.router'); 

    var pathname = location.pathname.replace(/^\/[a-z]{2}-[a-z]{2}\//gi,'/' + locale + '/'); 
    router.replaceWith(pathname); 
}.observes('i18n.locale').on('init') 

Который затем берет полный URL и перенаправляет соответственно где:

http://localhost:4200/en-us/products/category/6/best-sellers 
http://localhost:4200/en-us/products 

становится

http://localhost:4200/fr-ca/products/category/6/best-sellers 
http://localhost:4200/fr-ca/products