ng-class

使用ng-class 动态设置元素的类,方法是绑定一个代表所有需要添加的类的表达式。重复的类不会添加。当表达式发生变化,先前添加的类会被移除,新类会被添加。

下面的例子会用ng-class在一个随机数大于5时将.red类添加到一个div上:

     <div ng-controller="LotteryController">
         <div ng-class="{red: x > 5}"

             ng-if="x > 5">

             You won!
         </div>

         <button ng-click="x = generateNumber()"
             ng-init="x = 0">
             Draw Number

</button>

         <p>Number is: {{ x }}</p>
 </div>

     
     
     
     

      
      
      
      
 
       
 
        
.red {
    background-color: red;
 
        
}
 
        
angular.module('myApp',[])
.controller('LotteryController', function($scope) {
 
        
    $scope.generateNumber = function() {
        return Math.floor((Math.random()*10)+1);
 
        
};});