第一种:
<!-- 直接使用变量-->
<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>