1. 程式人生 > >ng-class動態類幾種用法

ng-class動態類幾種用法

條件 clas bsp led span item sele 括號 color

方法1.邏輯在後面的中括號裏面

 ng-class="{true : ‘checker disabled‘,false : ‘checker‘ }[selectAllButton]"

方法2.key為class 成立條件為對應的value 為true

ng-class="{‘checker disabled‘ : item.disab, ‘checker‘ : !item.disab}"

方法3.用{{ }} 包著表達式 不推薦,這樣樣式跑到contruller裏面去了,混雜

ng-class="{{bClass}}”

$scope.bClass = "{‘red‘:true
,‘green‘:false}"

ng-class動態類幾種用法