javascript - 我如何使用 Controller 中的 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;
    }

脚本.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 函数未正确调用