Javascript 根据角度范围值更改CSS

我试图根据角度范围变量更改css。让我这样解释我自己

$scope.entries = [{
    status: 'denied' 
}

---

我需要使元素的状态改变元素的背景：如果状态为拒绝、红色等等。

在您的视图中，您可以使用ngClass指令有条件地将类应用于html元素

您需要创建一个具有所需样式的css类，然后在满足某些条件时使用ng类中的表达式应用该类

文档中的一个示例：

CSS

.base-class {
  transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
}

.base-class.my-class {
  color: red;
  font-size:3em;
}

查看

<input id="setbtn" type="button" value="set" ng-click="myVar='my-class'">
<input id="clearbtn" type="button" value="clear" ng-click="myVar=''">
<br>
<span class="base-class" ng-class="myVar">Sample Text</span>

示例文本

---

在您看来，您可以使用ngClass指令有条件地将类应用于html元素

您需要创建一个具有所需样式的css类，然后在满足某些条件时使用ng类中的表达式应用该类

文档中的一个示例：

CSS

.base-class {
  transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
}

.base-class.my-class {
  color: red;
  font-size:3em;
}

查看

<input id="setbtn" type="button" value="set" ng-click="myVar='my-class'">
<input id="clearbtn" type="button" value="clear" ng-click="myVar=''">
<br>
<span class="base-class" ng-class="myVar">Sample Text</span>

示例文本

---

如果不想使用ng类，可以这样做

<span class="status-{{var}}"></span>

---

如果你不想使用ng类，你可以这样做

<span class="status-{{var}}"></span>

检查此答案使用ng类检查此答案使用ng类