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>

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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM