Question

在我的应用中点击链接时，我想要应用一些样式。

如果我要使用ng-click，那么它会在元素中添加一个ng-click-active类，这很好，但有没有办法从锚标记中获取相同的行为？

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

<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

只需使用标准伪类来设置锚标记上的活动状态：

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

Answer 2

你的问题有点模糊，但一般来说你可以使用ng-class有条件地将分类应用于你的元素您可以定义$ scope属性，该属性定义何时或何时不将ng-class应用于元素例如：

<html ng-app>
 <head>
  <script src="http://code.angularjs.org/1.0.6/angular.min.js"></script>
 </head>
 <body>
  <input type="button" value="set" ng-click="myVar='my-class'">
  <input type="button" value="clear" ng-click="myVar=''">
  <br>
  <span ng-class="myVar">Sample Text</span>
 </body>
</html>

你也可以看this帖子

Angularjs ng-click类用于锚标记

2 个答案: