2018-09-03 ng-class的几种用法

方法一

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

"checker disabled","checker"是CSS样式,selectAllButton是判断条件,值为"true"or"false"

方法二

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

item.disab是判断条件,值为“true”or“false”

方法三 用{{}} 包住的变量表达式

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

方法四

ng-class="tempClass"

tempClass是CSS样式名称

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 28,353评论 1 45
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,094评论 19 139
  • 天气 晴 这是补上前天的。 加班到晚上九点,Boss点了KFC,我吃了一个鸡腿,五分钟之后冲进厕所狂吐,头痛欲裂,...
    西风东来阅读 1,751评论 0 1
  • 我从未认真走过那些巷弄, 也从未仔细观察你的变化, 这些年你从未给过我一丝惊喜, 我却总在不经意间真实感受到你的存...
    富士山下你我他阅读 2,682评论 0 3
  • 每个人都有一张嘴,就你没有四肢?
    权一lee阅读 1,657评论 0 0

友情链接更多精彩内容