如何使用控制器中的ng类变量

How can i use ng-class variable from controller?

本文关键字：ng 类变量 何使用 控制器      更新时间：2023-09-26

我已经在div上设置了ng class，当选择文件时，我想应用css，所以在下面的选择中，我想将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;
}

以下是您正在努力实现的目标。

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

您的代码可能存在问题：

  • 您有另一种覆盖背景的样式
  • 您提到的onSelect函数调用不正确
相关文章：