在嵌套配置上取消激活Ui-router在root状态上的ui-sref-active

Question

我有两个按钮，两者都有ui-sref-active。

From▼To
FromTo

和css

<a class="button" ui-sref-active="button-selected" ui-sref="main">
    <p>View patients</p>
</a>
<a class="button" ui-sref-active="button-selected" ui-sref="main.create">
    <p>Add patients</>
</a>

我想知道为什么当我点击状态为“main.create”的第二个按钮时，不会从第一个按钮中删除“按钮选择”类。所以在第一个按钮上仍然可以看到颜色＃0000FF。看起来“主”状态始终处于活动状态。是因为它是根状态吗？什么是解决方法？

Answer 1

该类已添加到这两个州，因为您应使用ui-sref-active-eq而不是ui-sref-active。

<a class="button" ui-sref-active-eq="button-selected" ui-sref="main">
    <p>View patients</p>
</a>
<a class="button" ui-sref-active-eq="button-selected" ui-sref="main.create">
    <p>Add patients</>
</a>