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

Question

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

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

特定用例：（单击）附加到“更新主题”按钮的侦听器由用于更改 .css 文件中的 css 颜色值的控制器函数处理。

有人在 Angular2 中实现了动态/用户控制的主题/颜色吗？关于如何解决这个问题的任何建议？

Answer 1

兄弟，Angular Material 团队开发了一个非常酷的功能。

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

如果您想查看一个工作示例，https://material.angular.io/ 在导航栏中有一个主题选择器。