ng-class动态类几种用法

Posted zhoulin1234

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ng-class动态类几种用法相关的知识,希望对你有一定的参考价值。

方法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}"

 

以上是关于ng-class动态类几种用法的主要内容,如果未能解决你的问题,请参考以下文章

Java运行时动态生成类几种方式

线程池工具类几种实现

laravel加入验证码类几种方法 && Laravel引入第三方库的方法

调整窗口大小时,ng-class 动态不会改变

MyBatis动态SQL标签用法

AngularJS之ng-class