javascript - ui-sref-active 用于嵌套状态

标签 javascript angularjs

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

相关文章:

javascript - 异步事件后的数组顺序

javascript - HTML 5 拖动事件 : 'dragleave' fired after 'dragenter'

javascript - 在脚本标签中访问 Angular 变量

javascript - 在单 View Ionic Framework 中加载 Js 文件

javascript - 将 'this'对象传递给$http服务的 'then'回调函数

javascript - Canvas - 如何绘制以光源为中心的点的网格?

javascript - IE9 : canvas. toDataURL SECURITY_ERR

javascript - 统计一段时间内的点击次数

AngularJS ng-repeat 在 HighCharts 渲染时卡住浏览器

javascript - 尝试简化检查对象键是否为真并将其推送到另一个对象