angularjs ng-class

在angular中为我们提供了三种方案处理class
1.scope变量绑定,即通过数据流的双向绑定
2.字符串数组形式
3.对象key/value处理
1.<div ng-class="{{className}}">`
与普通的class没有太大区别,不推荐

2.字符串数组形式是针对class简单变化,具有排斥性的变化,true是什么class,false是什么class,器形如

其结果是两种组合,isActive表达式为true,则class=className1为false时,则class=className2

对象key/value处理主要针对复杂的class混合,其形如

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样式.