Angular2:动态更新 CSS 中的所有颜色分配

Angular2: Update all color assignments in CSS dynamically

我有一个 angular 2 应用程序,我想在其中实现用户从预定调色板列表中选择颜色主题的功能。当他们 select 一个主题时,颜色、背景颜色等的所有相关实例都将更改为主题调色板中相应的新颜色。有什么方法可以从 Angular 控制器实现这个吗?

我知道您可以使用 [class.className] 或 [ngClass] 有条件地将 类 添加到特定元素,但显然必须单独更改每个属性的样式是不切实际的大型应用程序。

特定用例:(单击)附加到 "Update Theme" 按钮的侦听器由用于更改 .css 文件中的 css 颜色值的控制器函数处理。

有人在 Angular2 中实现了 dynamic/user 控制 themes/colors 吗?关于如何处理这个问题的任何建议?

兄弟 angular material 团队开发了一个非常酷的功能。

https://github.com/angular/material2/blob/master/guides/theming.md

if you want to see a working example https://material.angular.io/ 在导航栏中有一个主题选择器。