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

Question

我在 angular 中有以下模板。出于某种原因，css 没有使我的 link 成为正确的十六进制代码。但是，如果我取出 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

您需要在所有锚标记上都有 href 属性，否则它将被视为占位符 link。试试这个：

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

links with ui-sref does not display correct css