
ng-style的写法
<div ng-style="{color:(starttime==''&&endtime=='')?'red':(endtime==''?'yellow':'')}">实际付款啦是的金风科技</div>
ng-class的写法
.red{
color:red
}
.yellow{
color:yellow
}
<div ng-class="(starttime==''&&endtime=='')?'red':(endtime==''?'yellow':'')">实际付款啦是的金风科技</div>
1、想要达到ng-class的效果,有两种写法
1.class=“{{class}} class1 class2”
2.ng-class="{true: ‘active‘, false: ‘inactive‘}[isActive]"
第一种可以使用多个样式类,但官方并不提倡。还想用第二种方法,并且想用多个样式类改怎么办呢?
如下: ng-class="{‘class1 class2‘ : expression1}" ,当expression1为true,则显示单引号中的样式。
ngclass设置多个属性方法如下:1.新建html项目,引入jquery;
2.创建div标签,设置id和class属性;
3.新建button按钮,绑定onclick事件;
4.通过id获取对象,使用attr()方法修改class名称;
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)