Ember.js 活动类不在嵌套路由中工作

在application.hbs文件中，我有一个应用程序范围的导航栏

<div class="row nav">
<div class="large-12 colummns">
    <ul class="inline-list top-nav">
            <li><h6>{{#linkTo "about.philosophy"}}ABOUT{{/linkTo}}</h6></li>
            <li><h6>//</h6></li>
            <li><h6>CONDITIONS</h6></li>
            <li><h6>//</h6></li>
            <li><h6>PROGRAMS</h6><li>
            <li><h6>//</h6></li>
            <li><h6>TESTIMONIALS</h6></li>
   </ul>
</div>
</div>
<div class="row subnav">
    <div class="large-12 colummns">
      {{#if renderAboutSubNav}}
        {{render 'about/subnav'}}
      {{/if}}
  </div>
</div>
{{outlet}}

当我单击“关于”时，余烬应用程序按预期呈现/关于/哲学，子AV中的“关于”链接和“哲学”链接设置为活动

但是，当我单击“Leadership”时，子导航上的Leadership链接处于活动状态，但主导航中的ABOUT链接不处于活动状态，即使url显示为/ABOUT/Leadership

我不明白它为什么这么做

我的路由器如下所示：

Ew.Router.reopen(location: 'history')

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

关于.hbs：

<div class="row about-bg">
<div class="large-12 columns">
    <div class="row">
        <h1 class="about-phil">Eskridge & White</h1>
  </div>
</div>
</div>
<div class="row philosophy-content">
<div class="large-9 columns about-us">
{{outlet}}
</div>
</div>
<div class="large-3 columns sidebar">
    {{partial 'sidebar'}}
</div>
</div>

埃斯克里奇&怀特酒店
{{outlet}}
{{partial'sidebar'}}

这里的问题是您正在链接到

关于.哲学

，因此当您导航到

关于.领导力

时，将不会应用活动类

因此，请将您的

链接到

指向

关于

路线，

{{{#链接到“关于”}}关于{{/link to}}

从您的

about.index

route，重定向到

about.哲理

route，
因此，只要您在

关于

路线的子路径中，活动类将始终应用于

关于

的

链接

A适用于您的案例。
这里的问题是您正在链接到
关于.哲学
，因此当您导航到
关于.领导力
时，将不会应用活动类

因此，请将您的
链接到
指向
关于
路线，

{{{#链接到“关于”}}关于{{/link to}}

从您的
about.index
route，重定向到
about.哲理
route，

因此，只要您在
关于
路线的子路径中，活动类将始终应用于
关于
的
链接

A谢谢你的案子。
非常感谢。我很感激你的帮助。@reknirt很高兴它有帮助：）非常感谢。我很感激你的帮助。@reknirt很高兴它有帮助：）
Ew.Router.reopen(location: 'history')

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

<div class="row about-bg">
<div class="large-12 columns">
    <div class="row">
        <h1 class="about-phil">Eskridge & White</h1>
  </div>
</div>
</div>
<div class="row philosophy-content">
<div class="large-9 columns about-us">
{{outlet}}
</div>
</div>
<div class="large-3 columns sidebar">
    {{partial 'sidebar'}}
</div>
</div>