如何使“关于资源”“philosophy.hbs”而不是“index.hbs”的登陆页仍然保持Ember的“活动”类？

Question

我的余烬路由器看起来如下：

Ew.Router.map ->
  @.resource "about", ->
    @.route "philosophy"
    @.route "leadership"
    @.route "staff"
    @.route "affiliations"
  @.route "conditions"
  @.route "programs"
  @.route "testimonials"

在application.hbs中，我有一个导航栏，当您单击“约”时，就会显示带有子页面链接的子导航。我希望‘大约’链接到'philosophy.hbs‘而不是'about/index.hbs’。然而，当我这样做时，“活动”类出现在主导航上的“约”上，而“哲学”出现在子导航上，这是正确的。但是，一旦我点击了about的另一个子页面，'ABOUT‘上的'active’类就消失了，并且只显示在subnav链接上。

要使“active”类始终显示在主导航“about”上，唯一的方法是有一个“about/index.hbs”页面。但由于网站的架构，我真的需要“philosophy.hbs”作为登陆页面的主要内容，而不是“索引”。

你知道为什么这会打破‘活动’状态，即使网址仍然是‘/about/ breaking’，'/about/staff‘等等？我认为只要/about处于url中，该链接上的活动状态就应该是活动状态。

Answer 1

我认为您需要添加一个重定向到有关路由，这将显示philosophy.hbs

App.AboutRoute = Ember.Route.extend({
  redirect: function(){
    this.transitionTo('about.philosophy');
  }
});

我有一个create一个吉斯宾，让我知道它是否有效。

干杯

Answer 2

您是否尝试指定路线上的路径？

App.Router.map(function() {


this.resource('philosophy', { path: '/about' },  function() {
    this.route('leadership');
    // other routes
  });
});

这个JSBin能捕捉到你想要做的事情吗？http://jsbin.com/UYIraQO/1/edit