Question

我有一条路线说明about和一些子路由about.college和about.campus。

现在我在标题顶部导航栏中有about个网址，在侧边栏中有子菜单。

当我从侧栏选择任何菜单时，主导航栏中的活动班级about将被删除。

我希望当about或about.campus路由时，about.college链接处于有效状态。

任何帮助都将不胜感激。

标题导航栏中的代码

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

Sidbar中的代码

<div class="content-area leftPanel_stats">
  <ul>
     <li>{{#link-to 'about.college'}}{{loc 'About College'}}{{/link-to}}</li>
     <li>{{#link-to 'about.campus'}}{{loc 'About Campus'}}{{/link-to}}</li>
  <ul>
</div>

现在当我成为about.campus中的网址时，我希望标题顶部按钮处于有效状态

Answer 1

您的问题是，标题中的约会链接到＆＃34; about.college＆＃34;。

如果它只链接到＆＃34;关于＆＃34;路线，它会保持活跃因为link-to helper根据它的路由添加了活动类。

所以你可以做的是制作about.index路线（如果你没有路线），只需将它重定向到＆＃34; about.colege＆＃34;即模型钩。然后，您可以在导航栏中输入以下链接： {{#link-to "about"}} {{loc "About"}} {{/link-to}}

Answer 2

我使用了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>

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

2 个答案: