angularJs中关于ng-class的三种使用方式说明

angularjs的ng-class方法

1.数据双向绑定

实现方式

controller中定义

$scope.className="ss";

<div ng-class="{{className}}">111</div>

相当于直接赋值。

2.字符串数组

$scope.className=true/false;

<div  ng-class="{true:'class1',false:'class2'}[className]"></div>

通过className的true or false 来确定使用的class样式。试用比较简单的样式切换。

3.key/value方式

$scope.cl1=true;

$scope.cl2=false;

<div ng-class="{'class1':cl1,'class2':cl2}"></div>

同时控制多个class样式。