AngularJS 是一个 JavaScript 框架。它可通过
使用AngularJS动态设置CSS大致有2种思路:
1、通过动态设置class名称
比如先定义2个样式:.show-true{
display:block;
}
.show-flase{
display:none;
}
在某个元素中:
temp为$scope的一个变量,通过设置$scope.temp = true 或 $scope.temp = false来决定temp变量的具体值。
示例:
Untitled Document.menu-disabled-true{
color: gray;
}
.menu-disabled-false{
color: red;
}
var myApp = angular.module("myApp",[]);
myApp.controller("MyController", function($scope){
$scope.isDisabled = false;
$scope.changeState = function(){
$scope.isDisabled = true;
};
});