zoukankan      html  css  js  c++  java
  • angularjs的三目运算

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

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

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

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

    <button class="bottonflag botton1" ng-click="changeBtn(li.id)" style="{{li.flag === '已关注' ? 'background: blue' : 'background : pink'}}">{{li.flag}}</button>

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

  • 相关阅读:
    浏览器的渲染过程、渲染原理
    echarts简单用法快速上手
    gulp自动化构建工具使用
    vue路由高级语法糖
    git项目常用命令
    vue项目中快捷语法糖
    UpnP Hacking
    无线路由器认证会话劫持漏洞
    DNS缓存欺骗攻击
    识别无线设备
  • 原文地址:https://www.cnblogs.com/ryt103114/p/6196388.html
Copyright © 2011-2022 走看看