在 Angular/TypeScript 中使用 HTMLElement.style.variable 上的变量是可能的

Question

我尝试实现一个updateStyle(...(-角度组件内部的方法。 使用此方法，应设置具有唯一 id 的特定元素的样式。 以下代码片段导致：

属性"变量"在类型"CSSStyleDeclaration"上不存在。

无论如何都可以进行角度编译，因此变量在运行时填充了一个合法值，还是我必须为每个样式声明实现该方法，我将在其上使用该方法？

updateStyle(id, variable, value){
var components = document.querySelectorAll("[id]") as NodeListOf<HTMLElement>;
for(var i = 0; i < components.length; i++) {
if(components[i].getAttribute("id") == id) {
components[i].style.variable = value;
}}}

Answer 1

您可以将变量放在方括号中，如下所示：

updateStyle(id， variable， value( {

var components = document.querySelectorAll("[id]") as NodeListOf<HTMLElement>;
for (var i = 0; i < components.length; i++) {
if (components[i].getAttribute("id") == id) {
***components[i].style[variable] = value;***
}
}
}