ember.js - 如果没有指定子路由，Emberjs 只会重定向到默认路由

Question

如果网址命中/dashboard/ ，我正在尝试将/dashboard/重定向到/dashboard/reach/demographic。

问题是，如果我点击像 **/dashboard/traffic 这样的子路由，我仍然会被重定向到/dashboard/reach/demographic/ 。

Ember 的做法是什么？

这是我的代码：

(function() {
    App.Router.map(function(match) {
      this.resource('dashboard', function() {
        this.resource('traffic', function() {
          this.route('visits');
          this.route('pageviews');
          return this.route('duration');
        });
        return this.resource('reach', function() {
          this.route('demographics');
          this.route('over_time');
          return this.route('devices');
        });
      });
      return this.route('audience');
    });

    App.DashboardRoute = Ember.Route.extend({
      redirect: function() {
        return this.transitionTo('reach.demographics');
      }
    });

    if (!App.ie()) {
      App.Router.reopen({
        location: 'history'
      });
    }

    App.reopen({
      rootUrl: '/'
    });

  }).call(this);

Answer 1

在 DashboardIndexRoute 而不是 DashboardRoute 中实现重定向。

App.DashboardIndexRoute = Ember.Route.extend({
  redirect: function() {
    return this.transitionTo('reach.demographics');
  }
});

我为您创建了一个 jsbin 示例。尝试：

http://jsbin.com/odekus/6#/dashboard/

http://jsbin.com/odekus/6#/dashboard/traffic

我还从代码中删除了不必要的返回。