怎么用ng-class或者ng-style进行条件刷选?

怎么用ng-class或者ng-style进行条件刷选?,第1张

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名称;


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11725504.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-18
下一篇2023-05-18

发表评论

登录后才能评论

评论列表(0条)

    保存