在AngularJS中,可以使用ng-class指令动态改变选择器的CSS类。下面是一个示例代码:
HTML代码:
这是一段文本。
CSS代码:
.red {
color: red;
}
.blue {
color: blue;
}
JavaScript代码:
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.isRed = false;
$scope.isBlue = false;
$scope.changeColor = function() {
if ($scope.isRed) {
$scope.isRed = false;
$scope.isBlue = true;
} else {
$scope.isRed = true;
$scope.isBlue = false;
}
};
});
在上面的示例中,ng-class指令根据$scope.isRed和$scope.isBlue的值动态添加或移除red和blue类。点击按钮时,changeColor函数会切换isRed和isBlue的值,从而改变文本的颜色。
注意,可以根据需要自定义CSS类和ng-class表达式。