目录如何更改元素 Angular JS 中的类

Question

我有HTML代码：

<span id="id_1" ng-click="checkActivity(1)" class="item list-category-item  active ">Bga
</span>

如何更改内部元素的CSS类：

$scope.checkActivity = function(id){}

Answer 1

修改 ng 单击以ng-click="checkActivity($event)"
以及您的函数定义

 $scope.checkActivity = function(evt) {
      angular.element(evt.currentTarget).addClass('myClass');
    };

工作演示 这里

Answer 2

您可以使用

ng-class动态添加类。

演示

angular.module("app",[])
.controller("ctrl",function($scope){
$scope.checkActivity = function(id){
  $scope.id = id
}
})

.sample{
  color:red;
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="app" ng-controller="ctrl">
 <span id="id_1" ng-click="checkActivity(1)" class="item list-category-item  active" ng-class="{'sample':id}">Bga
</span>
</div>

Answer 3

可以使用 ng-class 指令来更改元素的类。