AngularJS：将类分配给DOM元素
在AngularJS中，可以使用ng-class指令将类分配给DOM元素。ng-class指令允许根据表达式的值动态地添加或移除类。
以下是一个具体的示例：
HTML:
This is a colored div
JavaScript:
angular.module('myApp', [])
.controller('myCtrl', function($scope) {
$scope.isRed = true;
$scope.isBlue = false;
$scope.toggleClass = function() {
$scope.isRed = !$scope.isRed;
$scope.isBlue = !$scope.isBlue;
}
});
CSS:
.red {
background-color: red;
}
.blue {
background-color: blue;
}
在上面的示例中， 当页面加载时， 当点击"Toggle Class"按钮时， 这样，当点击按钮时，ng-class指令绑定到一个对象上，该对象有两个属性：isRed和isBlue。根据这两个属性的值，ng-class指令将相应的类添加到isRed为true，因此red类会被添加到isBlue为false，所以没有blue类被添加。
toggleClass函数会被调用，它会切换isRed和isBlue的值。这样，ng-class指令会根据新的属性值重新计算类，并相应地添加或移除类。red和blue类之间切换，从而改变背景颜色。
相关内容