angular ng-class 三种方法

一、在controller 里定义class，通过class ="{{class}}"绑定。数据的双向绑定。

function changeClass(){
  $scope.className = "change2";
}

<div class="{{className}}"></div>

 

二、通过字符串数组绑定。

function changeClass(){
  $scope.className = true/false;
}
 
<div ng-class="{true:‘zhende‘,false:‘jiade‘}[className]"></div>

 

三、通过key/value形式。

function changeClass(){
  　$scope.lala = true;

　　$scope.select= false;

　　$scope.choice = false;

} <div ng-class="{‘selectClass‘:select,‘choiceClass‘:choice,‘haha‘:lala}"></div>

 

转载于:https://www.cnblogs.com/RoadAspenBK/p/7615824.html