anjularjs ng -class 的設置

 

function Ctr($scope) {      $scope.isActive = true; }  <div ng-class="{true: 'active', false: 'inactive'}[isActive]"> </div>

其結果是2中組合，isActive表達式爲true，則 active，負責inactive。

2對象key/value處理主要針對複雜的class混合，其形如：

function Ctr($scope) {   }  <div ng-class {'selected': isSelected, 'car': isCar}"> </div> 

 

當 isSelected = true 則增長selected class，
當isCar=true,則增長car class，
因此你結果多是4種組合。

我的推薦用2，3兩種方式，不建議將class放入controller scope之上，scope須要保持純潔行，scope上的只能是數據和行爲。