如何從控制器中使用ng-class變量？

Question

我已經在div上設置了ng-class，我想在選擇文件時應用css，因此下面的onSelect我想將div顏色更改爲綠色。我如何使用AngularJs來完成這項任務？

HTML

<div class="text-arrow" ng-class="{activeBackground:applyActive}">File Selection<span class="arrow-div"></span></div> 

CSS

.activeBackground{ 
     background-color: green; 
    } 

的script.js

$scope.onSelect = function (e) { 
     $scope.applyActive = true; 
} 

Answer 1

這裏是你想達到什麼樣的一個working plnker。

<div ng-class="{ activeBackground: applyActive }">File Selection</div> 
<button ng-click="toggleBackground()">Toggle background</button> 

與您的代碼可能的問題：

• 您有其他的風格，覆蓋
• 你提到的onSelect功能則不會調用正確