Javascript Rgba值未以ng样式更新

我有一个div，它有一个带有rgba值的ng样式属性，该rgba值使用$scope变量作为alpha值：

ng-style="{'background-color': 'rgba(255,0,0,{{ alphaValue / 100}})'}"

我有一个输入滑块，可以更改alphaValue的值。我可以使用console.log查看值的更改，并且正在html中的调试器中更新rgba值。它只是没有在视图中应用

---

有什么建议吗？

创建一个控制器方法来获取样式对象。它的清洁方法

HTML

ng-style="ctrl.getElementStyle(alphaValue)"

控制器

 ctrl.getElementStyle = function (alphaValue) {
        var alpha = alphaValue / 100;
        return {'background': 'rgba(255,0,0,' + alpha +')'};
  };

---

我怀疑您需要使用控制器方法：

$scope.getRGBA = function(alpha){              
   return 'rgba(255,0,0,'+ alpha / 100 + ')';
}

HTML

---

应该确保

alpha

也没有未定义，并设置一个默认值，如下所示

ng-style="{'background-color': 'rgba(255,0,0,'+ (alphaValue/ 100) +')'}"

---

尝试使用-

ng style=“{'background-color'：'rgba（255,0,0，alphaValue/100）}”

no如果不起作用，您需要{}来读取alphaValue.remove{}alphaValue@SilvioTroia若您查看API，您将看到在属性值上放置了一个$watcher，并且watcher总是需要

表达式

而不是

{}

（插值）

ng-style="{'background-color': 'rgba(255,0,0,'+ (alphaValue/ 100) +')'}"