routing - Ember.js 路由

Question

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

我应该使用像 this 这样的插件吗？或者我个人喜欢this的样子?

我看到有一个路由集合作为 State 对象的一部分，但我找不到有关如何使用它的任何示例。

Answer 1

路由最近在核心 Ember.js 中可用，请参阅 Tom Dale 的 blog post .

核心开发者 Yehuda Katz 写了一篇 gist关于新路由功能的使用。这是一本很好的读物，除了路由之外，还说明了它如何与 Controller 集成。

为了获得基本思想，这里有一个从要点中提取的代码示例:

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