Ember.js:非标准路由，需要请输入

Question

我们正在构建的应用程序将由几个较小的子应用程序组成。

/ <-- main application
/accounts <-- sub app
/reports <-- sub app
/contacts <-- sub app

我们将利用 Django 路由将用户引导到每个子应用程序。所以当用户点击网站的主页时，它是纯粹的 Django。当他们点击帐户时，它是纯粹的 Django。当用户登陆每个子应用页面时，Ember 将接管并从那里开始。

当用户访问帐户子应用程序时，我将用户转换为帐户路由:

Social.IndexRoute = Ember.Route.extend({
    redirect: function() {
        this.transitionTo('accounts');
    }
});

其 URL 如下所示:

/accounts/#/accounts/27

我想做的是在用户访问本质上是索引页面时加载帐户信息。这包含属于用户的帐户列表。当他们选择一个帐户时，我想链接到帐户路由:

/accounts/#/account/27

我该怎么做呢？

Answer 1

您可以在路由器上设置一个 rootURL，然后该应用程序将愉快地存在于一个子目录中。

Social.Router.map(function() {
  this.resource('accounts');
});

Social.Router.reopen({
  location: 'hash',
  rootURL: '/accounts'
});

Social.IndexRoute = Ember.Route.extend({
  redirect: function() {
    this.transitionTo('accounts');
  }
});