angular ng-class 的用法

有两种方案处理angular中的class,ng-class与原本class没有冲突,最后是拼在一起的。
1.字符串数组形式

<div ng-class="{true: 'active', false: 'inactive'}[isActive]">
</div>

2.对象key/value处理

<div ng-class {'selected': isSelected, 'car': isCar}"></div> 
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1.背景介绍 指令是一个Dom元素上的标签(和元素上的属性, CSS类样式一样,属于这个Dom元素)它告诉Angu...
    cczhuc阅读 1,233评论 0 1
  • 我和刘老在年前就约好2017的第一个晚上见面。我最崇拜的刘老是我认识的最爱学习的老板,也是影响我最深的一个朋...
    曾秋萍阅读 240评论 0 1
  • 舅舅的开门声打破了争吵之后的安静,他走进我的房间,一脸无奈的瞅着我,我冲他笑了笑。我想我应该说些什么来缓解一下气氛...
    柚子寒一阅读 182评论 0 0
  • 那 时 花 开 ——讲述我...
    汀雪日记阅读 265评论 0 0
  • 这种味道很美妙。
    安于现状__阅读 114评论 0 0