ng-class中的if else判斷

ng-class中的if else判斷

來自於stackoverflow的一個問題，本身恰好用到，搬過來作個標記。原問題連接

在使用ng-class時，有些時候會碰到根據是否知足條件來設置元素的樣式，使用如下方法能夠達到這樣的目的。

（1）使用運算符

<div ng-class="variable == 1 ? 'class1' : (variable == 2 ? 'class2' : (variable ==3 ? 'class3' : 'class4'))">
</div>

這樣寫無需在javascript中添加額外代碼，可是須要注意的是要讓代碼具備良好的可讀性。

（2）使用額外的方法

<div ng-class="setStyle(variable)"></div>

而後使用如下的代碼： 

$scope.setStyle = function(args) {   
if(args == 1) return 'class1';   
else if(args ==2) 
return 'class2';   
else if(args == 3) 
return 'class3'; };