ember.js - hoán đổi tài nguyên lồng nhau từ bất kỳ tuyến đường nào

Question

Tôi có các tuyến đường có phân đoạn động lồng nhau, ví dụ: /:locale/products/:product_id/items/:item_id v.v. Tôi muốn hoán đổi miền địa phương trong một hành động trên tuyến địa phương. Tôi không muốn chuyển sang tuyến đường cơ sở /:locale khi tôi thay đổi ngôn ngữ.

locale tuyến đường hành động:

actions: { 
    localeChanged: function(locale) { 
    var route = this.controllerFor('application').get('currentRouteName'); 
    this.transitionTo(route, locale); 
    } 
} 

này chỉ hoạt động khi tôi không lồng nhau sâu sắc. Tôi muốn tránh thực hiện hành động localeChanged trong mọi tuyến đường để cung cấp các mô hình chính xác cần thiết cho một tuyến đường nhất định.

Cập nhật 1 - giải pháp bẩn:

actions: { 
    localeChanged: function(locale) { 
    var routes = this.router.router.currentHandlerInfos; 
    var models = []; 
    for (var i = 0; i < routes.length; i++) { 
     var params = routes[i].params; 
     for (var param in params) { 
     if (params.hasOwnProperty(param)) { 
      models.push(param === 'locale' ? locale : params[param]); 
     } 
     } 
    } 

    var args = models.slice(); 
    var currentRouteName = this.controllerFor('application').get('currentRouteName'); 
    args.unshift(currentRouteName); 
    this.transitionTo.apply(this, args); 
    } 
} 

tôi nói bẩn vì iterating trên this.router.router.currentHandlerInfos dường như dễ bị lỗi. Có cách nào tốt hơn?

Answer 1

Bạn có thể tạo baseRoute để thêm hành động này. Sau đó tất cả các tuyến đường của bạn có thể kế thừa từ tuyến đường cơ sở này. Bạn chỉ phải viết mã một lần, và nó được chia sẻ trên tất cả các tuyến đường. Ví dụ.

App.BaseRoute = Ember.Route.extend({ 
    actions: { 
    localeChanged: function(locale) { 
    var routes = this.router.router.currentHandlerInfos; 
    var models = []; 
    for (var i = 0; i < routes.length; i++) { 
     var params = routes[i].params; 
     for (var param in params) { 
     if (params.hasOwnProperty(param)) { 
      models.push(param === 'locale' ? locale : params[param]); 
     } 
     } 
    } 
    var args = models.slice(); 
    var currentRouteName = this.controllerFor('application').get('currentRouteName'); 
    args.unshift(currentRouteName); 
    this.transitionTo.apply(this, args); 
    } 
    }}); 


App.SomeRoute = BaseRoute.extend();