在嵌套配置上关闭根用户状态的UI路由器的ui-sref-active

Question

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

<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> 

和CSS

.button-selected { 
    color: #0000FF; 
} 

我不知道为什么，当我点击符合国家“main.create”，班里的第2键“按钮，选择”不从第一去除一。所以颜色＃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>