绑定到动态路由段

Question

我试图绑定计算属性（或通过观察者更改）locale路由中的iso动态段。

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

导致的网址是这样的：我有路由器被表示为

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

什么我不知道是如果有任何办法以编程方式更改URL的en-us部分没有你在哪条路线上？到目前为止，我刚刚运行transitionTo()的问题是，我无法知道当前位置的子路线是什么。

基本上，我需要一种方法将en-us段绑定到一个计算的属性，我可以在更改时自动更新URL。

在此先感谢！

编辑：

为了进一步澄清，我正在寻找一种方式来更新URL段当一个属性更改。事情是这样的：

• 导航到：http://localhost:4200/en-us/products
• 服务调用this.set('locale', 'fr-ca')
• 路线检测更新service.locale财产
• 网址更新为：http://localhost:4200/fr-ca/products

Answer 1

好了，这里是你如何能将param传递给你的控制器，然后在此设置一个计算属性。

第一个路由

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

所以我在这里做 - 我做了PARAM ISO刷新模式 - 当它改变时模型会重新加载。这是可选的。同样在这条路线上，我创建了一个属性iso来存储它的值，因为模型在setupController之前执行。这只是后来将其价值传递给控制器​​的一个技巧。

现在你已经从参数值控制器，从那里你可以从这个值创建一个计算属性。事情是这样的：

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传递给控制器​​和内部控制器设置的计算机，你可以在你的模板中使用的一种方式。

请注意，如果这是你想要的，但我希望它有帮助。让我知道...

编辑

您更新的问题更有意义。我想你可能会对服务计算的属性，并将其改变后进行重定向，所以像这样

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

}

编辑2：

更多的思考服务对象后，应保存过渡值。这部分应该移动到Mixin，以便在每个嵌套路由中轻松实现。然后道具后重定向改变存储在服务，让另一个支柱是这样的：

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

Answer 2

所以试错的离谱量之后，我已经在做路由器用正则表达式组合在一个replaceWith()交换解决用新的iso去掉旧的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