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

Question

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

我知道你可以使用[class.className]或[ngClass]有条件地向特定元素添加类，但显然不得不在单个大型应用程序中的每个属性上单独更改样式。

具体用例：（点击）附加到“更新主题”按钮的监听器由控制器函数处理，该函数用于更改.css文件中的css颜色值。

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

Answer 1

兄角材料团队工作在一个非常酷的功能。

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

如果你想看到一个工作示例 https://material.angular.io/

在导航栏主题选择器。