angularjs中的ng-class的几种使用方式

第一种:

 <!-- 直接使用变量-->
<div ng-class="styleClass"></div>  

$scope.styleClass = 'active'; 

第二种:

<!--第二种  用{{}}使用表达式-->  
<div ng-class="{{bgClass}}"></div>

$scope.bgClass = "{'red':true,'green':false}"

第三种:

<-- 动态添加类名 -->
<-- 写法一 -->
<div ng-class="{'active': isActive, 'inactive': !isActive}">ABCDEFG</div>

<-- 写法二-->
<div ng-class="{'active': isActive&&hover, 'active': !isActive&&!hover}">ABCDEFG</div>

<--  写法三-->
<div ng-class="{true :'active', false :'inactive'}[isActive]">ABCDEFG</div>