Question

我使用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链接？

Answer 1

此功能未在当前发布的代码中实现。目前，ui-sref-active指令检查由其附加到的ui-sref属性设置的确切UI状态的状态。它不检查它正在响应的状态是否具有活动子状态。目前正在实施一项更改，以允许您所描述的子状态功能。见AngularUI Router Issue #819

ui-sref-active表示嵌套状态

1 个答案: