Css Angularjs ng单击锚定标记的活动类_Css_Angularjs

Css Angularjs ng单击锚定标记的活动类

css angularjs

Css Angularjs ng单击锚定标记的活动类,css,angularjs,Css,Angularjs,当在我的应用程序中单击链接时，我想应用一些样式如果我要使用ng click，那么它会向元素添加一个ng click active类，这很好，但是有没有办法从锚标记获得相同的行为理想情况下，如果我有这样的标记： <ul class="menu"> <li> <a href="#/item1">Item 1</a> </li> <li> <a href="#/item2">Item 2

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

如果我要使用

ng click

，那么它会向元素添加一个

ng click active

类，这很好，但是有没有办法从锚标记获得相同的行为

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

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

您的问题有点模糊，但通常可以使用ng类有条件地将classed应用于您的元素您可以定义$scope属性，该属性定义何时或何时将ng类应用于元素例如：




示例文本

您可能会看到post

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




示例文本

您也可以看到post

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

。菜单a.ng-点击-active，
.菜单a：活动{
背景色：#fff；
}

只需使用一个标准的伪类就可以在锚定标记上设置活动状态的样式：

。菜单a.ng-点击-active，
.菜单a：活动{
背景色：#fff；
}

为什么不使用伪类：

。菜单a:活动{背景色：#fff；}

？您可以这样做：ng href=“{{}}”，或者href-ng click=“”@Stewie当然！！我考虑过了…你能把它作为答案，我可以接受吗？为什么不使用伪类：

。菜单a:活动{background color:#fff；}

？你可以这样做：ng href=“{}”，或者href ng click=“”@Stewie当然！！我想得太多了…你能回答我吗？我能接受吗？

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

<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>