angularjs激活子页面

时间:2018-03-10 18:40:08

标签: angularjs angular-ui-router

我有一个nageção菜单,在单击选项corespondente时可以完美地运行该类。在单击菜单时打开的此页面中,有一个按钮指向另一个页面,在单击菜单后会丢失活动类。我如何表明我还在参加那个会议。

首页工作..但点击按钮.. / 菜单不会保持活动状态 HTML

<li ng-class="{active: 'home.produtos'}">
        <a href="">
          <i class="fa fa-fa-briefcase"></i>
          <span class="nav-label">Produtos</span>
          <span class="fa arrow"></span>
        </a>
        <ul class="nav nav-second-level collapse" ng-class="{in: $state.includes('home.produtos','home.etiquetas','home.etiquetasview')}">
          <li>
            <a ui-sref="home.produtos">Produto</a>
          </li>
          <li ui-sref-active-eq="active">          
            <a ui-sref="home.etiquetas">Etiqueta</a>
          </li>           
        </ul>
      </li>

页面中的按钮

<a  ui-sref-active-eq="active" ui-sref="home.etiquetasview({id:{{item.codigo}}})" class="btn btn-white btn-sm">
  <i class="fa fa-eye"></i> View 
</a>                            

1 个答案:

答案 0 :(得分:0)

<a  ui-sref-active="active" ui-sref="home.etiquetasview({id:{{item.codigo}}})" class="btn btn-white btn-sm">
  <i class="fa fa-eye"></i> View 
</a>   

可能这可以帮助你Angular-ui-router: ui-sref-active and nested states