1

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

如果我要使用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;
}
4

2 回答 2

1

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

.menu a.ng-click-active, 
.menu a:active {
  background-color: #fff;
}
于 2013-08-10T22:52:56.503 回答
0

您的问题有点含糊,但通常您可以使用 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>

你不妨看看这篇文章

于 2013-08-10T21:26:54.613 回答