angular指令ng-class巧用

什么是ng-class

ng-class最大的妙用就是可以根據你的邏輯表達式。來添加或移除對應的class

ng-class是angular.js里面內置的一個指令。

項目中，有時候，我們需要根據需求來切換不同的class

function bb($scope){
  $scope.ss="className";  
}
<div class="{{ss}}"></div>

這種方式是scope變量綁定方式，個人覺得妙用談不上，還不如直接寫class=什么的

字符串方式，比較長用

function bu($scope) { 
    $scope.ss= true;
}

<div ng-class="{true: 'a', false: 'b'}[ss]"></div>

根據你的邏輯去切換 ss的true或者false，來顯示對應的cass

對象key/valu處理

function Ctr($scope) { 

}

<div ng-class {'selected': isSelected, 'car': isCar}"></div> 

當 isSelected = true 則增加selected class，當isCar=true,則增加car class。以此類推。