javascript - 与 ui-sref 的链接不显示正确的 css

Question

我有以下 Angular 模板。出于某种原因，CSS 没有使我的链接成为正确的十六进制代码。但是，如果我取出 ui-sref="settings" 并将其替换为 href="/settings"，它就会起作用。

有没有人遇到过这种问题？

HTML

<div id="settings-nav-left">
    <a ui-sref="settings" ui-sref-active="active">Account</a>
</div>

CSS

#settings-nav-left a { color: #439FE1; }

Answer 1

您需要在所有 anchor 标记上都具有 href 属性，否则它将被视为占位符链接。试试这个:

<div id="settings-nav-left">
    <a ui-sref="settings" ui-sref-active="active" href="#">Account</a>
</div>