标签: angular-renderer

我正在尝试将 Vanilla JavaScript 代码转换为 Angular 2+。

在 Javascript 中，我有这样的声明：

document.documentElement.style.setProperty(`--${cssVariableName}`, value);

在 Angular 中，我发现复制上述语句的唯一方法是这样的：

renderer.setProperty(document.documentElement, 'style', `--${cssVariableName}: ${value}`);

问题：如果我在不同时间动态设置多个自定义属性（--cssVariable1、--cssVariable2...）。Angular Renderer 将覆盖 style 属性而不是附加到 style 属性。

渲染器可以用来实现这个功能吗？如果没有，是否有在 Angular 中使用 CSS 自定义属性的首选方法？谢谢！