Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular2:动态更新CSS中的所有颜色指定_Css_Angular_Themes_Angular2 Template - Fatal编程技术网

Angular2:动态更新CSS中的所有颜色指定

Angular2:动态更新CSS中的所有颜色指定,css,angular,themes,angular2-template,Css,Angular,Themes,Angular2 Template,我有一个angular 2应用程序,我想在其中实现用户从预定调色板列表中选择颜色主题的功能。选择主题时,颜色、背景色等的所有相关实例将从主题调色板更改为相应的新颜色。有没有办法从角度控制器实现这一点 我知道您可以使用[class.className]或[ngClass]有条件地将类添加到特定元素中,但显然,在大型应用程序中必须单独更改每个属性的样式是不实际的 特定用例:(单击)附加到“更新主题”按钮的侦听器由用于更改.css文件中css颜色值的控制器函数处理 是否有人在Angular2中实现了动

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

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

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


是否有人在Angular2中实现了动态/用户控制的主题/颜色?对于如何处理这个问题有什么建议吗

bro Angle material团队开发了一个非常酷的功能


如果您想看到一个工作示例,则在导航栏中有一个主题选择器

根据用户选择加载不同版本的样式表怎么样。这些版本将使用相同的类名,但不同的值/样式。onclick处理程序可以执行类似于mhatchs链接的操作,但需要一些角度代码