前言：前幾天寫代碼的時(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)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。