ember.js - サブルートが指定されていない場合、Emberjs はデフォルト ルートにのみリダイレクトします

Question

URL が/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

DashboardRoute の代わりに DashboardIndexRoute にリダイレクトを実装します。

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

また、コードから不要なリターンを削除しました。