ng-class中的if else判断
2017-04-07 15:17
330 查看
ng-class中的if else判断
来自于stackoverflow的一个问题,自己刚好用到,搬过来做个标记。原问题链接在使用ng-class时,有些时候会碰到根据是否满足条件来设置元素的样式,使用以下方法可以达到这样的目的。
(1)使用运算符
[html] view plain copy print?
<div ng-class="variable == 1 ? 'class1' : (variable == 2 ? 'class2' : (variable ==3 ? 'class3' : 'class4'))">
</div>
这样写无需在javascript中添加额外代码,但是需要注意的是要让代码具有良好的可读性。
(2)使用额外的方法
<div ng-class="setStyle(variable)"></div>
然后使用以下的代码:
$scope.setStyle = function(args) { if(args == 1) return 'class1'; else if(args ==2) return 'class2'; else if(args == 3) return 'class3'; };
相关文章推荐
- ng-class中的if else判断
- python中if else流程判断
- 求1+2+3+...+n,要求不能使用乘除法、for、while、if、else、switch、case等关键字及条件判断语句(A?B:C)
- 条件判断语句(if...else)与条件编译(#if .... #else ... #endif)
- 详解C++编程中的条件判断语句if-else与switch的用法
- 求 1+2+3+..n不能使用乘除法、 for 、 while 、 if 、 else 、 switch 、 case 等关键字以及条件判断语句
- oracle if else 判断
- python学习总结---if-else判断
- 求1+2+…+n,要求不能使用乘除法、for、while、if、else、s witch、case 等关键字以及条件判断语句(A?B:C)和不用循环/goto/递归输出1~100的10种写法
- JAVA 闰年判断 if - else
- python基础--条件判断:if..elif..else
- sql中的判断语句 if...else的使用
- 求1+2+3+...+n,要求不能使用乘除法、for、while、if、else、switch、case等关键字及条件判断语句(A?B:C)
- 用if...else结构判断a除以2的余数是否为1来确定a值得奇偶性
- 一道腾讯的笔试题,不使用任何判断语句求出两个数中的较大者(即 if、if...else...、>、<、==、while等语句)
- 求1+2+...+n,要求不能使用乘除法、for、while、if、else、switch、case等关键字以及条件判断语句
- 例题:请输入一个时间,判断是一天中的哪个时间。逻辑思维比较强的一个题。主要复习一下if else语句
- React中使用if else 条件判断
- 给定两个int a和b,不使用if-else等比较和判断运算符,请返回较大的一个数。若两数相同则返回任意一个
- JS中最简单的判断语句if else