Ionic AngularJS ng-class 的使用

AngularJS ng-class 指令的值可以是字符串,对象,或一个数组。

使用方法:

1、如果是字符串,多个类名使用空格分隔。

<div ng-class=”class1 class2″>…</div>


2、如果是对象,需要使用 key-value 对,key 是一个布尔值,value 为你想要添加的类名。只有在 key 为 true 时类才会被添加。

$scope.key1= true;// or false

$scope.key2= false;// or true

<div ng-class=”{‘value1′:key1,’value2’:key2,…}”>…</div>


3、如果是数组,可以由字符串或对象组合组成,数组的元素可以是字符串或对象。

$scope.ifClass = true;// or false

<div ng-class=”{true:’class1′,false:’class2′}[ifClass]”>…</div>

相关文章