angularJs 能再ng-if里面判断当前元素有没有指定的某个class吗

angularJs 能再ng-if里面判断当前元素有没有指定的某个class吗,第1张

jquery 判断元素是否具有某个class的方法是使用hasClass方法。 定义和用法 hasClass() 方法检查被选元素是否包含指定的 class。 语法 $(selector).hasClass(class) 例子: if($("#b").hasClass("a")){ alert("包含class a")}

前提条件如下,我先调用一个接口,然后读取接口返回的列的配置信息,通过列定义,查看ifColumnSort属性判断是否排序,值为1,则显示排序按钮,调用接口后,转换排序按钮为降序,再次点击,转换排序按钮为升序排序,这里写的接口会跟之前的指令中的筛选进行冲突,使用ng-if需要进行判断,分为四种情况:

答案显然是, 不可以 ,不信你试试,就像你写多个 class,style,都是有问题的;

类似与js中的 if多条件判断 ,示例如下:

类比这js的写法,在angular中的写法如下,测试结果如图:

想要达到ng-class的效果,有两种写法

1.class=“{{class}} class1 class2”

2.ng-class="{true: ‘active‘, false: ‘inactive‘}[isActive]"

第一种可以使用多个样式类,但官方并不提倡。还想用第二种方法,并且想用多个样式类改怎么办呢?

如下: ng-class="{‘class1 class2‘ : expression1}" ,当expression1为true,则显示单引号中的样式。


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

原文地址: http://outofmemory.cn/bake/7989491.html

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

发表评论

登录后才能评论

评论列表(0条)

保存