angularjs~ng-class

1. 通過數據的雙向綁定（一般是不推薦的)

1. $scope.className = "change1";
   
   <div class="{{className}}"></div>
   
   //或者像這樣
   
   function changeClass(){
     $scope.className = "change2";
   }
   
   <div class="{{className}}"></div>

2. 通過對象數組

1. function ctrl($scope) {  
     $scope.isClassA = true; 
   }
   
   <div ng-class="{true:'ClassA',false:'anotherClass'}[isClassA]"></div>
   
   //當isClassA爲true時，增加ClassA樣式；當isClassA爲false時，增加anotherClass樣式。

3. 通過key/value（推薦使用）

1. function ctrl($scope) {  
     $scope.isClassA = true; 
     $scope.isClassB = false; 
     $scope.isClassC = false; 
   }
   
   <div ng-class="{'ClassA':isClassA,'ClassB':isClassB,'ClassC':isClassC}"></div>
   
    //當isClassA爲true時，增加ClassA樣式；當isClassB爲true時，增加ClassB樣式；當isClassC爲true時，增加ClassC樣式。