前言：前幾天寫代碼的時候遇到一個問題，有一個按鈕，有“已關注”和“+關注”兩種狀態，需要對這兩種狀態的按鈕的背景顏色進行區分，單后點擊“已關注”按鈕狀態變成“+關注”，相反，點擊“+關注”按鈕變成“已關注”相應的背景顏色都需要發生改變。

點擊事件里面改變按鈕的背景顏色：

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>

通過按鈕的值判斷，如果值等于“已關注”就將背景顏色設為藍色，否則背景顏色就為粉色，值得注意的是，這個外面要加“{{}}”，因為里面涉及到了從數據庫里面都出來的值。

轉載于:https://www.cnblogs.com/ryt103114/p/6196388.html

總結

以上是生活随笔為你收集整理的angularjs的三目运算的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。