我怎样才能使用控制器中的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

这是您{i}尝试实现的working plnker。

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

您的代码可能出现的问题：

• 你有另一种覆盖背景的风格
• 您提到的onSelect函数未正确调用