Ember.js: transitionTo route, sau đó đến phân đoạn động

Question

Tôi có một bộ định tuyến được thiết lập với tài khoản và các tùy chọn account /: account_id. Khi người dùng truy cập vào trang chỉ mục của ứng dụng của tôi, tôi chuyển họ sang tuyến tài khoản.

Social.Router.map(function() { 
    this.resource('accounts', function(){ 
     this.resource('account', { path: ':account_id'}); 
    }); 
}); 

Social.IndexRoute = Ember.Route.extend({ 
    redirect: function() { 
     this.transitionTo('accounts'); 
    } 
}); 

Điều tôi muốn làm là chuyển đổi chúng sang một quy tắc cụ thể: account_id dựa trên một số tiêu chí. Tại thời điểm này tôi chỉ muốn có được tài khoản đầu tiên trong mảng và sử dụng nó. Nhưng trong tương lai nó có thể là một cách để chuyển đổi chúng sang tài khoản cuối cùng mà họ đang xem. Một cái gì đó như thế này:

Social.IndexRoute = Ember.Route.extend({ 
    redirect: function() { 
     this.transitionTo('accounts/:account_id'); 
    } 
}); 

Các tài liệu cung cấp cho "chi tiết" nhưng không cung cấp một ví dụ, chỉ đưa ra sau đây:

transitionTo (name, models)

Transition into another route. Optionally supply a model for the route in question. The model will be serialized into the URL using the serialize hook.

Tôi đã thử những điều sau đây:

this.transitionTo('accounts/4'); 
Uncaught Error: assertion failed: The route accounts/4 was not found 

this.transitionTo('accounts', Social.Account.find(1)); 
Uncaught More objects were passed than dynamic segments 

Answer 1

Tôi đặt cùng câu trả lời của người khác và một số không quan trọng và xuất hiện với câu trả lời này:

xác định các tuyến đường của bạn như:

this.resource('accounts', function() { 
    this.route('account', {path: '/:account_id'}); 
}); 

chuyển hướng:

this.transitionTo('accounts.account', accountObj); 

Nhưng nếu bạn đang tải từ máy chủ, bạn cần tải đối tượng accountObj b efore chuyển hướng:

var accountObj = App.Account.find(1); 
accountObj.one('didLoad', this, function() { 
    this.transitionTo('accounts.account', accountObj); 
}); 

tôi thiết lập this fiddle với hoàn dụ

Answer 2

Dường như transitionTo không còn được ưu tiên với transitionToRoute.

Tuy nhiên, bạn có thể đạt được định tuyến lại bằng cách khai báo ban đầu là this.resource('account', { path: '/:account_id'}); và sau đó quá trình chuyển đổi với đối tượng được tạo duy nhất sẽ hoạt động.

Answer 3

Bạn không chỉ định đường dẫn tuyến đường chính xác và bạn nên có tuyến đường bên dưới tài nguyên chứ không phải tài nguyên khác. Cần phải như sau:

Social.Router.map(function() { 
    this.resource('accounts', function(){ 
     this.route('account', { path: '/:account_id'}); 
    }); 
}); 

Social.IndexRoute = Ember.Route.extend({ 
    redirect: function() { 
     this.transitionTo('accounts.account', Social.Account.find(1)); 
    } 
}); 

Answer 4

Vì /: account_id là tài nguyên bạn cần phải chuyển đổiĐối với tài khoản 'Chuyển tiếp'. Bạn cũng cần một AccountRoute cho phù hợp.

Nếu /: account_id là một tuyến đường không phải là tài nguyên bạn sẽ chuyển đổiĐối với 'tài khoản' tài khoản.account 'và trình xử lý tuyến đường của bạn sẽ được gọi là AccountsAccountRoute.

Answer 5

Với mới nhất Ember (1.0.0-RC-6), công trình này một cách hoàn hảo.

Router:

this.resource('accounts', function() { 
    this.resource('account', {path: '/:account_id'}); 
}); 

Để chuyển hướng:

this.transitionToRoute('account', Social.Account.find(1))