更改活动视图的链接颜色UI-Router

Question

我正在使用hack将当前视图作为活动状态。见到这里：

<div class="navlinks1" ng-class="{active: $state.includes('myanmar')}"}>
    <a ui-sref="myanmar">Myanmar</a>
</div>

我的css看起来像这样：

.navlinks1{
    margin:0;
    padding:0;
    border-bottom:1px solid #e6e6e6;
    font-size:14px;
    margin-left:0px;
}

.navlinks1.active {
    background-color: #bdecff;
    color:#ffffff !important; 
}

.navlinks1 a:active {
    color:#ffffff !important; 
}

这样可以改变背景。链接颜色没有变化。我怀疑a：主动无效。

有没有人知道如何使用UI-Router更改活动链接颜色，以便指向当前视图的链接是不同的颜色？

感谢。

Answer 1

这应该可以正常工作，我认为问题是你的链接风格：

.navlinks1 a:active {
    color:#ffffff !important; 
}

如果您希望在$ state.includes（＆＃39; myanmar＆＃39;）时更改这些链接颜色，则您的css规则应如下所示：

.navlinks1.active a {
    color:#ffffff !important;
}