angularjs的三目运算
前言:前幾天寫代碼的時(shí)候遇到一個(gè)問題,有一個(gè)按鈕,有“已關(guān)注”和“+關(guān)注”兩種狀態(tài),需要對(duì)這兩種狀態(tài)的按鈕的背景顏色進(jìn)行區(qū)分,單后點(diǎn)擊“已關(guān)注”按鈕狀態(tài)變成“+關(guān)注”,相反,點(diǎn)擊“+關(guān)注”按鈕變成“已關(guān)注”相應(yīng)的背景顏色都需要發(fā)生改變。
點(diǎn)擊事件里面改變按鈕的背景顏色:
angular.element(path).css('background', 'blue');//改變按鈕的背景顏色 ?path:按鈕的路徑
這個(gè)能實(shí)現(xiàn)點(diǎn)擊的時(shí)候改變背景顏色,但是在最開始從數(shù)據(jù)庫里面讀出來的時(shí)候并沒有進(jìn)行區(qū)分,這樣寫也不適用于最初的區(qū)分,于是想到了三目運(yùn)算,但是angualarjs的三目運(yùn)算并沒有寫過,倒騰了半天,終于解決:
<button class="bottonflag botton1" ng-click="changeBtn(li.id)" style="{{li.flag === '已關(guān)注' ? 'background: blue' : 'background : pink'}}">{{li.flag}}</button>
通過按鈕的值判斷,如果值等于“已關(guān)注”就將背景顏色設(shè)為藍(lán)色,否則背景顏色就為粉色,值得注意的是,這個(gè)外面要加“{{}}”,因?yàn)槔锩嫔婕暗搅藦臄?shù)據(jù)庫里面都出來的值。
轉(zhuǎn)載于:https://www.cnblogs.com/ryt103114/p/6196388.html
總結(jié)
以上是生活随笔為你收集整理的angularjs的三目运算的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 就算是一件小事也要做好——买土豆的故事
- 下一篇: 第五章 政策问题与议程设定