我应该如何正确使用 Ember.js 嵌套路由？答案

【问题标题】：How should I properly use Ember.js nested routing?我应该如何正确使用 Ember.js 嵌套路由？
【发布时间】：2012-09-11 20:52:14
【问题描述】：

我有这条路线部分，/articles/。我想在这里创建子路由，比如/ 和/list/。这就是我正在尝试的方式：

articles: Ember.Route.extend({
    route: '/admin/articles',
    index: Ember.Route.extend({
        route: '/',
        connectOutlets: function (router, context) {
            "use strict";
            router.get('applicationController').connectOutlet('toolbar', 'articlesToolbar');
            router.get('applicationController').connectOutlet('main', 'articles');
        }
    }),
    list: Ember.Route.extend({
        route: '/list/',
        connectOutlets: function (router, context) {
            "use strict";
            router.get('applicationController').connectOutlet('toolbar', 'articlesToolbar');
            router.get('applicationController').connectOutlet('main', 'articles');
        }
    }),
    doLogout: function(router, context) {
        "use strict";
        router.transitionTo('login', context);
    }
}),

我一定是做错了什么，因为它没有过渡到文章路线。这是我的路由日志：

STATEMANAGER: Sending event 'doSidebar' to state root.
STATEMANAGER: Entering null
STATEMANAGER: Entering root
STATEMANAGER: Entering root.articles
STATEMANAGER: Sending event 'doSidebar' to state root.
STATEMANAGER: Entering null
STATEMANAGER: Entering root
STATEMANAGER: Entering root.media

但是articles url 没有注册到历史记录中——如果我点击返回，我会回到之前的状态，即articles 之前的状态。

我做错了什么？

【问题讨论】：

标签： ember.js ember-old-router

【解决方案1】：

您无法路由到非叶子状态，因此您无法转换到“文章”。
将initialState: 'index' 添加到您的文章路由或更改您的代码以转换为'articles.index'

articles: Ember.Route.extend({
  route: '/admin/articles',
  initialState: 'index',
  index: Ember.Route.extend({
    //

【讨论】：

InitialState 它是。我知道叶子规则，但不知道 initialState。谢谢！

【解决方案2】：

您没有为/articles 定义路由。您需要将route: '/admin/articles' 更改为route: '/articles'。

【讨论】：