在Angular中使用ng-click切换类

简介

ng-click指令用于在AngularJS应用程序中指定当元素被点击时要运行的表达式。通过使用ng-class指令，可以根据表达式的结果切换元素的类。

语法

ng-click="expression"
ng-class="{class1 : condition1, class2: condition2}"

示例

下面的示例演示如何使用ng-click指令和ng-class指令切换元素的类。

<div ng-app="myApp" ng-controller="myCtrl">
  <button ng-click="isActive = !isActive" ng-class="{active: isActive}">切换类</button>
</div>

<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
  $scope.isActive = false;
});
</script>

在上面的示例中，当按钮被点击时，isActive 的值会切换，ng-class 指令根据 isActive 的值动态地将 active 类添加或删除。

结论

在AngularJS中使用 ng-click 和 ng-class 指令可以轻松实现类的切换。