博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
angular指令ng-class巧用
阅读量:6984 次
发布时间:2019-06-27

本文共 465 字,大约阅读时间需要 1 分钟。

什么是ng-class

ng-class最大的妙用就是可以根据你的逻辑表达式。来添加或移除对应的class

ng-class是angular.js里面内置的一个指令。

项目中,有时候,我们需要根据需求来切换不同的class

function bb($scope){  $scope.ss="className";  }

这种方式是scope变量绑定方式,个人觉得妙用谈不上,还不如直接写class=什么的

字符串方式,比较长用

function bu($scope) {     $scope.ss= true;}

根据你的逻辑去切换 ss的true或者false,来显示对应的cass

对象key/valu处理

function Ctr($scope) { }

当 isSelected = true 则增加selected class,当isCar=true,则增加car class。以此类推。

 

转载于:https://www.cnblogs.com/null11/p/6136208.html

你可能感兴趣的文章
【Node】常用基础 API 整理
查看>>
传神成进博会唯一指定智能翻译硬件提供商 力助无障碍沟通
查看>>
微信小程序实现slideUp、slideDown滑动效果及点击空白隐藏功能示例
查看>>
Java程序员须知:分布式微服务为什么很难?
查看>>
SQLServer之创建唯一聚集索引
查看>>
好程序员web前端技术之CSS3过渡
查看>>
java B2B2C源码电子商务平台 - Zuul回退机制
查看>>
记录Docker in Docker 安装(CentOS7)
查看>>
简单的写一个发布订阅器
查看>>
重学前端-js的类型问题
查看>>
Function类型
查看>>
Python学习
查看>>
ES6之let和const
查看>>
关于跨域
查看>>
一个半路出家的前端工程师的2018 | 掘金年度征文
查看>>
Fork/Join 框架介绍
查看>>
5.6 前端开发日报
查看>>
面试官:聊一下你对MySQL索引实现原理?
查看>>
[译]Go如何优雅的处理异常
查看>>
数据格式校验
查看>>