如何切换 ui-sref 活动/非活动链接 ui-router

Question

考虑以下几点：

   <ul>
        <li id="dashboard" data-ui-sref-active="selected">
            <a data-ui-sref="home">Dashboard</a>
        </li>
<li id="jobs" data-ui-sref-active="selected">
        <a data-ui-sref="home.foo">Foos</a>
        <ul>
            <li data-ui-sref-active="selected">
                <a data-ui-sref="home.foo.foo1">Foo 1 list</a>
            </li>
            <li data-ui-sref-active="selected">
                <a data-ui-sref="home.foo.foo2">Foo 2 list</a>
            </li>
        </ul>
    </li>
</ul>

问题是如果用户当前点击另一个链接，这个“仪表板”链接状态仍然处于活动状态。

当用户单击仪表板或单击另一个链接时，如何切换仪表板的活动/非活动状态

更新：

我已经尝试过这个 ui-sref-active-eq 并且它确实有效，但是我无法将此状态设置回活动

Answer 1

那是因为您处于home 状态的子状态，因此它将始终处于活动状态。

改用ui-sref-active-eq

根据文档：

将在 ui-sref 的目标状态或任何子状态处于活动状态时激活。如果您只需要在 ui-sref 目标状态处于活动状态而不是它的任何子状态时才需要激活，那么您将使用 ui-sref-active-eq

编辑：在Plnkr 中添加以供参考。