Định tuyến Ember.js

Question

Tôi đang cố gắng tìm bất kỳ ví dụ định tuyến Ember.js nào tốt.

Tôi có nên sử dụng tiện ích bổ sung như this hoặc cá nhân tôi thích giao diện của this?

Tôi thấy có một bộ sưu tập tuyến đường như một phần của đối tượng Nhà nước nhưng tôi không thể tìm thấy bất kỳ ví dụ nào về cách sử dụng nó.

Answer 1

Chỉnh sửa: Do thay đổi đáng kể trong bộ định tuyến Ember.js, câu trả lời này đã lỗi thời kể từ khoảng 1.0 PRE-RELEASE. Các phiên bản MOdern của ember.js phải use the standard routing guidelines

Tôi đoán đây là (bây giờ là leas) rất cá nhân. Tôi thích công cụ quản lý thói quen ember của ghempton. Nếu bạn cần giúp đỡ, tôi có thể giúp bạn. Cùng với gói bố trí ember của mình là tốt, họ làm việc tốt đẹp với nhau.

http://codebrief.com/2012/02/anatomy-of-a-complex-ember-js-app-part-i-states-and-routes/

Answer 2

tôi sử dụng sproutcore-routing trong các ứng dụng của tôi bởi vì:

• nó đóng tốt đẹp với ember.js
• nó là actively maintained
• nó được sử dụng bởi một số ember.js ứng dụng lớn hơn (ví dụ: hãy xem travis-cirouting code)

Để xem tài liệu, hãy xem spoutcore-routing tests

Answer 3

Định tuyến gần đây đã có sẵn trong Ember.js lõi, xem số blog post của Tom Dale.

Nhà phát triển cốt lõi Yehuda Katz đã viết gist về cách sử dụng tính năng định tuyến mới. Đó là một đọc tốt, và bên cạnh việc định tuyến cũng cho biết làm thế nào nó có thể được tích hợp với bộ điều khiển.

Để có được ý tưởng cơ bản, đây là một ví dụ mã lấy từ các ý chính:

App.Router = Ember.Router.extend({ 
    root: Ember.State.extend({ 
    index: Ember.State.extend({ 
     route: '/', 
     redirectsTo: 'calendar.index' 
    }), 

    calendar: Ember.State.extend({ 
     route: '/calendar', 

     index: Ember.State.extend({ 
     route: '/' 
     }), 

     preferences: Ember.State.extend({ 
     route: '/preferences' 
     }) 
    }), 

    mail: Ember.State.extend({ 
     route: '/mail', 

     index: Ember.State.extend({ 
     route: '/' 
     }), 

     preferences: Ember.State.extend({ 
     route: '/preferences' 
     }) 
    }) 
    }) 
}); 

// If the user navigates to the page with the URL 
// www.myapp.com/, you will start in the root.calendar.index state. 
// The redirection to the calendar.index state will cause the URL 
// to be updated to www.myapp.com/calendar 

router.transitionTo('preferences'); 

// URL => www.myapp.com/calendar/preferences 

router.transitionTo('mail.preferences'); 

// URL => www.myapp.com/mail/preferences 

router.transitionTo('index'); 

// URL => www.myapp.com/mail 

Answer 4

tôi khuyên hướng dẫn này trên trang web ember: http://emberjs.com/guides/router_primer/

Tôi tin rằng nội dung này là rất new-- Tôi chắc chắn đã không nhận thấy nó một vài tuần trước khi tôi lần đầu tiên bắt đầu cố gắng để hiểu Ember định tuyến.

Answer 5

Định tuyến ember đã thay đổi hoàn toàn trong dịp Giáng sinh. Họ đã đăng một số tài liệu mới để trợ giúp, nhưng đã xóa tất cả các hướng dẫn cũ. Tôi đoán cách làm cũ (trong các câu trả lời trước) sẽ không còn được dùng nữa. http://emberjs.com/guides/routing/