css - 用于 anchor 标记的 Angularjs ng-click-active 类

Question

当在我的应用程序中单击链接时，我想应用一些样式。

如果我要使用 ng-click，那么它会向元素添加一个 ng-click-active 类，这很棒，但是有没有办法从 anchor 标记获得相同的行为？

理想情况下，如果我有这个标记:

<ul class="menu">
  <li>
    <a href="#/item1">Item 1</a>
  </li>
  <li>
    <a href="#/item2">Item 2</a>
  </li>

---

我可以这样设计:

.menu a.ng-click-active {
  background-color: #fff;
}

Answer 1

只需使用标准伪类来设置 anchor 标记上的事件状态样式即可:

.menu a.ng-click-active, 
.menu a:active {
  background-color: #fff;
}