Ember.js路由

Question

我正在努力尋找任何良好的Ember.js路由示例。

我是否應該使用像this這樣的插件或者我個人喜歡this的外觀？

我看到有一個路由集合作爲狀態對象的一部分，但我找不到如何使用它的任何示例。

Answer 1

編輯：由於Ember.js路由器的重大變化，這個答案已經過時，因爲約1.0 PRE-RELEASE。現代版本的ember.js應use the standard routing guidelines

我想這是（現在leas）非常個人。 我喜歡ghempton的餘燼路線管理員。如果你需要一些幫助，我可以幫你。 加上他的餘燼佈局包，他們一起工作很好。

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

Answer 2

我用我的應用程序sproutcore-routing因爲：

• 它起着很好的與ember.js
• 是actively maintained
• 它由一些較大的ember.js應用程序（例如看看travis-cirouting code）

有關文檔，請查看spoutcore-routing tests

Answer 3

最近在覈心Ember.js中提供了路由，請參閱Tom Dale的blog post。

核心開發者Yehuda Katz寫了一個gist關於新的路由功能的使用。這是一個很好的閱讀，除了路由還說明它如何與控制器集成。

獲得基本的想法，這裏是從要點採取了代碼示例：

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

我強烈建議在現場灰燼本指南：http://emberjs.com/guides/router_primer/

我相信這個內容非常new--幾個星期前，當我第一次嘗試瞭解Ember路由時，我當然沒有注意到它。

Answer 5

Ember路由在聖誕節完全改變。他們發佈了一些新的文檔來幫助，但刪除了所有舊的教程。我猜測舊的做法（在之前的答案中）將被棄用。 http://emberjs.com/guides/routing/