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

时间:2017-06-22 18:59:52

标签: css angular themes angular2-template

我有一个角度2应用程序,我想在其中实现用户从预定调色板列表中选择颜色主题的能力。当他们选择主题时,所有相关的颜色,背景颜色等实例将从主题调色板更改为相应的新颜色。有没有办法从Angular控制器实现这个?

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

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

有没有人在Angular2中实现动态/用户控制的主题/颜色?有关如何处理此问题的任何建议?

1 个答案:

答案 0 :(得分:1)

角色材料团队的工作非常酷。

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

如果你想看到一个有用的例子https://material.angular.io/在导航栏中有一个主题选择器。