Question

我有由ng：repeat创建的html元素。我需要在所有其他元素的ng-click中更改“active”类，并且需要在事件发生的特定元素中添加类。

<ul class="paginate">
   <li ng-repeat="value in pageList">
       <a ng-class="{active : $first, item : true}"  ng-click="clickedPage(value)">{{value}}</a>
  </li>
</ul>

首先<a>有'活跃'类。我需要从<a>删除“有效”课程，如果我点击没有“有效”课程的<a>，则需要添加相同的课程。

Answer 1

试试这样：

$scope.activeValue;
$scope.clickedPage = function(value){
    $scope.activeValue = value;
    // other oeprations
};

HTML：

<a ng-class="{active : activeValue === value}"  ng-click="clickedPage(value)">
    {{value}}
</a>

Answer 2

我只更改/删除课程：

 function removeClass() {
                var element = angular.element('#nameInput');
      element.removeClass('nameClass');
 };

Answer 3

    filter('addclass',function(){
    return function(activeValue,value){
        if(activeValue==value)
           return "active";
        else
           return "";
    }
    });

<a class="{{activeValue|activeValue:value}}"  ng-click="clickedPage(value)">
        {{value}}
</a>

更改angularjs的ng-click中的元素类

3 个答案: