ng-class的几种用法

时间:2023-03-09 21:50:36
ng-class的几种用法

参考来自 https://www.cnblogs.com/zhoulin1234/p/9587955.html

方法1.逻辑在后面的中括号里面

 ng-class="{true : 'checker disabled',false : 'checker' }[selectAllButton]"

方法2.key为class 成立条件为对应的value 为true

ng-class="{'checker disabled' : item.disab, 'checker' : !item.disab}"

方法3.用{{ }} 包着表达式 不推荐,这样样式跑到contruller里面去了,混杂

ng-class="{{bClass}}”

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

方法4.直接加变量

ng-class="tempClass"