Emberjs chỉ chuyển hướng để mặc định tuyến đường nếu không có subroute được quy định

Question

Tôi đang cố gắng để chuyển hướng /bảng điều khiển/ để /bảng điều khiển/đạt/nhân khẩu học nếu url lượt truy cập /bảng điều khiển/.

Vấn đề là tôi vẫn được chuyển hướng đến /dashboard/reach/demographic/ nếu tôi nhấn một subroute như **/dashboard/traffic.

Cách Ember làm việc này là gì?

Đây là mã của tôi:

(function() { 
    App.Router.map(function(match) { 
     this.resource('dashboard', function() { 
     this.resource('traffic', function() { 
      this.route('visits'); 
      this.route('pageviews'); 
      return this.route('duration'); 
     }); 
     return this.resource('reach', function() { 
      this.route('demographics'); 
      this.route('over_time'); 
      return this.route('devices'); 
     }); 
     }); 
     return this.route('audience'); 
    }); 

    App.DashboardRoute = Ember.Route.extend({ 
     redirect: function() { 
     return this.transitionTo('reach.demographics'); 
     } 
    }); 

    if (!App.ie()) { 
     App.Router.reopen({ 
     location: 'history' 
     }); 
    } 

    App.reopen({ 
     rootUrl: '/' 
    }); 

    }).call(this); 

Answer 1

Thực hiện các chuyển hướng trong DashboardIndexRoute thay vì DashboardRoute.

App.DashboardIndexRoute = Ember.Route.extend({ 
    redirect: function() { 
    return this.transitionTo('reach.demographics'); 
    } 
}); 

Tôi đã tạo một ví dụ về jsbin cho bạn. Hãy thử:

http://jsbin.com/odekus/6#/dashboard/

http://jsbin.com/odekus/6#/dashboard/traffic

tôi cũng loại bỏ không cần thiết trở lại từ mã.