本文实例讲述了AngularJS中ng-class用法。分享给大家供大家参考,具体如下:

使用 ng-class 动态设置元素的类,方法是绑定一个代表所有需要添加的类的表达式。重复的类不会添加。当表达式发生变化,先前添加的类会被移除,新类会被添加。
在angular中为我们提供了3种方案:
① 通过数据的双向绑定(不推荐使用)
② 通过对象数组。
③ 通过key/value
一、通过数据双向绑定:
function changeClass(){
$scope.className = "change2";
}
<div class="{{className}}"></div>
二、通过字符串数组的形式来改变
<div ng-controller="firstController">
<div ng-class="{true:'change1',false:'change2'}[className]"></div>
</div>
<script>
var app=angular.module("myModule",[])
app.controller('firstController',function($scope){
$scope.className=true;
})
</script>
三、通过key/value
function Ctr($scope) {
}
<div ng-class {'selected': isSelected, 'car': isCar}">
</div>
说明:当isSelected为真的时候则添加class ‘selected' 当isCar为真的时候则添加class ‘car'
更多关于AngularJS相关内容感兴趣的读者可查看本站专题:《AngularJS指令操作技巧总结》、《AngularJS入门与进阶教程》及《AngularJS MVC架构总结》
希望本文所述对大家AngularJS程序设计有所帮助。
# AngularJS
# ng-class
# 详解AngularJS ng-class样式切换
# angularJs的ng-class切换class
# 详解angularJs中关于ng-class的三种使用方式说明
# AngularJS使用ng-class动态增减class样式的方法示例
# 浅谈AngularJS中ng-class的使用方法
# AngularJS中关于ng-class指令的几种实现方式详解
# AngularJS基础 ng-class-odd 指令示例
# AngularJS 基础ng-class-even指令用法
# AngularJS入门教程之ng-class 指令用法
# 绑定
# 进阶
# 相关内容
# 推荐使用
# 感兴趣
# 给大家
# 更多关于
# 所述
# 程序设计
# 中为
# 移除
# 先前
# 操作技巧
# 讲述了
# key
# span
# br
# isSelected
# selected
# medium
相关文章:
专业制作网站的公司哪家好,建立一个公司网站的费用.有哪些部分,分别要多少钱?
代购小票制作网站有哪些,购物小票的简要说明?
免费制作小说封面的网站有哪些,怎么接网站批量的封面单?
如何选择可靠的免备案建站服务器?
关于BootStrap modal 在IOS9中不能弹出的解决方法(IOS 9 bootstrap modal ios 9 noticework)
网站广告牌制作方法,街上的广告牌,横幅,用PS还是其他软件做的?
北京专业网站制作设计师招聘,北京白云观官方网站?
制作网站的网址是什么,请问后缀为.com和.com.cn还有.cn的这三种网站是分别是什么类型的网站?
学校建站服务器如何选型才能满足性能需求?
如何选择美橙互联多站合一建站方案?
网站制作模板下载什么软件,ppt模板免费下载网站?
rsync同步时出现rsync: failed to set times on “xxxx”: Operation not permitted
建站之星免费版是否永久可用?
简历在线制作网站免费版,如何创建个人简历?
制作门户网站的参考文献在哪,小说网站怎么建立?
香港服务器选型指南:免备案配置与高效建站方案解析
如何快速重置建站主机并恢复默认配置?
如何解决VPS建站LNMP环境配置常见问题?
自助网站制作软件,个人如何自助建网站?
如何在建站之星网店版论坛获取技术支持?
已有域名如何快速搭建专属网站?
如何将凡科建站内容保存为本地文件?
建站之星手机一键生成:多端自适应+小程序开发快速建站指南
香港服务器建站指南:外贸独立站搭建与跨境电商配置流程
厦门模型网站设计制作公司,厦门航空飞机模型掉色怎么办?
如何自己制作一个网站链接,如何制作一个企业网站,建设网站的基本步骤有哪些?
SQL查询语句优化的实用方法总结
c++如何打印函数堆栈信息_c++ backtrace函数与符号名解析【方法】
成都网站制作价格表,现在成都广电的单独网络宽带有多少的,资费是什么情况呢?
如何通过.red域名打造高辨识度品牌网站?
制作国外网站的软件,国外有哪些比较优质的网站推荐?
矢量图网站制作软件,用千图网的一张矢量图做公司app首页,该网站并未说明版权等问题,这样做算不算侵权?应该如何解决?
如何零基础开发自助建站系统?完整教程解析
视频网站制作教程,怎么样制作优酷网的小视频?
建站之星会员如何解锁更多建站功能?
网站制作壁纸教程视频,电脑壁纸网站?
最好的网站制作公司,网购哪个网站口碑最好,推荐几个?谢谢?
建站10G流量真的够用吗?如何应对访问高峰?
公司网站制作费用多少,为公司建立一个网站需要哪些费用?
如何通过虚拟主机快速完成网站搭建?
怎么用手机制作网站链接,dw怎么把手机适应页面变成网页?
c# 服务器GC和工作站GC的区别和设置
头像制作网站在线观看,除了站酷,还有哪些比较好的设计网站?
如何通过多用户协作模板快速搭建高效企业网站?
ppt在线制作免费网站推荐,有什么下载免费的ppt模板网站?
大学网站设计制作软件有哪些,如何将网站制作成自己app?
怎么制作网站设计模板图片,有电商商品详情页面的免费模板素材网站推荐吗?
高防网站服务器:DDoS防御与BGP线路的AI智能防护方案
如何在服务器上三步完成建站并提升流量?
如何选择PHP开源工具快速搭建网站?
*请认真填写需求信息,我们会在24小时内与您取得联系。