Javascript Ember js活动类不适用于嵌套路由或子路由

Javascript Ember js活动类不适用于嵌套路由或子路由,javascript,ember.js,ember-cli,Javascript,Ember.js,Ember Cli,我有一个与route say about的链接,还有两个子程序about.college和about.campus 现在我在标题顶部的导航栏中有了关于url的内容,在侧边栏中有了子菜单 当我从侧栏选择任何一个菜单时,主导航栏中约的活动类将被删除 当我们在大约.校园或大约.大学路线上时,我想激活关于链接 任何帮助都将不胜感激 标题导航栏中的代码 Sidbar中的代码 现在,当我是about.campus中的URL时,我希望页眉顶部的按钮处于活动状态您的问题是页眉中的about链接到about.co

我有一个与route say about的链接,还有两个子程序about.college和about.campus

现在我在标题顶部的导航栏中有了关于url的内容,在侧边栏中有了子菜单

当我从侧栏选择任何一个菜单时,主导航栏中约的活动类将被删除

当我们在大约.校园或大约.大学路线上时,我想激活关于链接

任何帮助都将不胜感激

标题导航栏中的代码

Sidbar中的代码


现在,当我是about.campus中的URL时,我希望页眉顶部的按钮处于活动状态

您的问题是页眉中的about链接到about.college

如果它将链接到大约一条路线,它将保持活动状态 因为指向帮助器的链接根据其路由到的内容添加活动类

所以,如果您没有about.index路由,您可以做的是将其重定向到模型钩子中的about.colege。然后,您可以将导航栏中的链接设置为: {{链接到about}} {{loc About}}
{{/link to}

您的问题是标题中的about链接到about.college

如果它将链接到大约一条路线,它将保持活动状态 因为指向帮助器的链接根据其路由到的内容添加活动类

所以,如果您没有about.index路由,您可以做的是将其重定向到模型钩子中的about.colege。然后,您可以将导航栏中的链接设置为: {{链接到about}} {{loc About}} {{/link to}

我使用current-when属性来激活链接

<div id="navbar" class="collapse navbar-collapse">
      <ul class="nav navbar-nav">
        <li>
          {{#link-to "about.college" current-when="about"}}
            {{loc "About"}}
          {{/link-to}}
        </li>
    </ul>
</div>
我使用了current-when属性来激活链接

<div id="navbar" class="collapse navbar-collapse">
      <ul class="nav navbar-nav">
        <li>
          {{#link-to "about.college" current-when="about"}}
            {{loc "About"}}
          {{/link-to}}
        </li>
    </ul>
</div>

开箱即用。我有个人资料路线和下面的8书签,通知等路线。配置文件主路径保持活动状态。@kristjanreinhold您使用的是哪个ember版本?我使用的是ember:2.4.5您能提供导航栏的源代码吗?如果您使用的是指向帮助者的链接,那么这没有理由不起作用。我有个人资料路线和下面的8书签,通知等路线。配置文件主路径保持活动状态。@kristjanreinhold您使用的是哪个ember版本?我使用的是ember:2.4.5您能提供导航栏的源代码吗?如果您使用的是指向帮助者的链接,则没有理由不起作用。是的,您是对的。我现在有两个解决方案,要么使用currentWhen=about作为组件链接,要么将about.college选项卡代码粘贴到about.index中。是的,我不知道current-when选项,这似乎是最好的解决方案。是的,我只使用currentWhen。但你们的答案也解决了问题,所以把它标记为正确。是的,你们是对的。我现在有两个解决方案,要么使用currentWhen=about作为组件链接,要么将about.college选项卡代码粘贴到about.index中。是的,我不知道current-when选项,这似乎是最好的解决方案。是的,我只使用currentWhen。但你们的答案也解决了问题,所以你们把它标记为正确的。
<div id="navbar" class="collapse navbar-collapse">
      <ul class="nav navbar-nav">
        <li>
          {{#link-to "about.college" current-when="about"}}
            {{loc "About"}}
          {{/link-to}}
        </li>
    </ul>
</div>