angularjs的三目运算

前言：前几天写代码的时候遇到一个问题，有一个按钮，有“已关注”和“+关注”两种状态，需要对这两种状态的按钮的背景颜色进行区分，单后点击“已关注”按钮状态变成“+关注”，相反，点击“+关注”按钮变成“已关注”相应的背景颜色都需要发生改变。

点击事件里面改变按钮的背景颜色：

angular.element(path).css('background', 'blue');//改变按钮的背景颜色 path：按钮的路径

这个能实现点击的时候改变背景颜色，但是在最开始从数据库里面读出来的时候并没有进行区分，这样写也不适用于最初的区分，于是想到了三目运算，但是angualarjs的三目运算并没有写过，倒腾了半天，终于解决：

通过按钮的值判断，如果值等于“已关注”就将背景颜色设为蓝色，否则背景颜色就为粉色，值得注意的是，这个外面要加“{{}}”，因为里面涉及到了从数据库里面都出来的值。

转载于:https://www.cnblogs.com/ryt103114/p/6196388.html

angularjs的三目运算相关推荐

Java 基础之三目运算
http://www.verejava.com/?id=16992606159717 public class Operation6 {public static void main(String[] ...
7——条件判断、三目运算、条件循环、迭代循环
条件语句语法结构: if 判断语句1:执行语句1elif 判断语句2:执行语句2else:执行语句三目运算 a = 3 if a > 5:print(True) else:print(Fal ...
:src 三目运算
<img :src="index==0?'../img/xz_ok.png':'../img/xz_no.png'" /> 绑定照片 <li v-for=&qu ...
三目运算法求一个大值，以及指定位数的应用，以及函数的声明，以及函数的嵌套，以及函数的递归，以及用递归法求阶乘
1.三目运算法首先一般方法比较两个数的大小用空格和回车都一样当结果非x即y的时候我们可以用三目运算法 z=x>y?x:y 如果表达式成立取前面的值,如果表达式不成立取后面的值也可以改成 ...
c语言位运算_C语言自增减、逻辑运算、位运算、位移运算及三目运算操作
你崩溃到凌晨,她和他睡到自然醒... ---- 网页云热评一.自增自减操作 #include int main() { int val = 0, val1 = 0; ++val; //前操作 pr ...
Python基础day02【if结构、if elif 结构、while循环、for循环、Break和continue、Debug 调试、三目运算、循环 else 结构】
视频.源码.课件.软件.笔记:超全面Python基础入门教程[九天课程]博客笔记汇总表[黑马程序员] Python基础day02 作业解析[6道 if 判断题.9道循环题] 学习目标: 能 ...
使用三目运算嵌套方法或临时变量方法: 获取三个整数中最大值的数
package day; import java.util.Scanner; public class Test_11 { // 练习键盘录入三个整数比大小获取最大值 public static ...
Python3.x中的三目运算实现方法
java中的三目运算条件语句?为true时的值:为false时的值例: int a = 3,b= 5; int c = a>b ? 1:0; 因为a>b 为false 输出结果为:c= ...
python_三目运算
首先确定三目运算的使用条件, if只有两个才能用三目只有 if:else: 先写个if else的小例子: if push == "lpush":self.conn.lpus ...
java中的三目运算
博主理解的三目运算还是萌新小白的博主认为,三目运算和java逻辑中的if else 极为的相似,所以大家刚接触的时候完全可以把它认为就是if else! 想必大家一定都在代码中见过 a==b ? 1 ...

angularjs的三目运算

angularjs的三目运算相关推荐

最新文章

热门文章