Javascript 如何使用angular.js更改元素的颜色

如何使用css类和angular js更改元素的颜色。我在网上读了一些东西，但不知何故我错过了一些东西，因为它对我不起作用

我的小提琴：

代码：

---

请检查更新的fddle：

您应该使用

ng style

指令更改HTML中的样式属性，而不是CSS中的样式属性，如下所示：

<p class="change-background-color" ng-style="{'background-color':Headercolor}">
  No difference!
</p>

没有区别！

您也可以查看此链接：

需要在您的

标记中使用
ng style=“yourVariableName”
，并在更改输入字段时调用一个函数来设置
标记的输入字段颜色

在html中：

<p ng-style="backColor">this is a simple background color seter</p>
<input ng-model="headerColor" ng-change="setColor()">

有没有一种方法我不需要在HTML中做太多更改。问题是有很多元素，比如链接，我不想在任何地方添加ng样式。Angular v1.x可能会影响HTML和模板-只有在您相应地更改它们的情况下。但是你的CSSCan从来没用过指令？是的，你可以用指令
<p class="change-background-color" ng-style="{'background-color':Headercolor}">
  No difference!
</p>

<p ng-style="backColor">this is a simple background color seter</p>
<input ng-model="headerColor" ng-change="setColor()">

$scope.headerColor = '#cd0a0a';
  $scope.backColor = {'background-color':$scope.headerColor};
  $scope.setColor = function() {
    $scope.backColor = {'background-color':$scope.headerColor};
  };