在 Angular 2+ 中动态更改样式 URL

Question

我有多个 scss 组件。我想根据选定的主题加载特定的 scss 组件。 例如： 我有 2 个主题：Theme1.component.scss 和 theme2.component.scss，我可以选择一个主题并将其保存在数据库中。据此，我想加载带有所选主题的主页。

Answer 1

无需保留多个样式组件。创建单个样式表像专业人士一样使用它。无处不在

使用定义如下的css全局变量

--btn-color:'something'

您可以直接使用指令或服务对其进行操作。

改变

--btn-color:'something' 相应地应用任何主题

private themeWrapper = document.querySelector("body");

this.themeWrapper.style.setProperty("--btn-color","red");