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/