我使用 angular-js 和 ui-route 构建了菜单链接。
<li ui-sref-active="active">
<a ui-sref="dashboard" title="Dashboard"><i class="fa fa-lg fa-fw fa-home"></i> <span class="menu-item-parent">Dashboard</span></a>
</li>
它工作成功,但如果我进入子状态,例如dashboard.view,则链接不会更改为事件状态。
您可以通过以下网址查看。
在 http://angular-ui.github.io/ui-router/sample/#/contacts ,联系人选项卡已激活,但是 http://angular-ui.github.io/ui-router/sample/#/contacts/1 ,联系人选项卡未激活。
那么我如何构建活跃的嵌套状态的 html 链接?
最佳答案
当前发布的代码中尚未实现此功能。目前,ui-sref-active
指令检查由其附加的 ui-sref
属性设置的确切 UI 状态。它不检查它正在响应的状态是否具有事件的子状态。目前正在实现一项更改,以允许您所描述的子状态功能。请参阅AngularUI Router Issue #819
关于javascript - ui-sref-active 用于嵌套状态,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21870130/