css - Angular 2 : Update all color assignments in CSS dynamically

标签 css angular themes angular2-template

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

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

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

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

最佳答案

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

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

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

关于css - Angular 2 : Update all color assignments in CSS dynamically,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44707407/

相关文章:

css - 有没有办法在 css 中自动缩进嵌套部分?

angular - 如何调试 angular 项目中损坏的 ng lint

css - 我需要编辑 scss 或 css 来设计我的 wordpress 网站吗?

themes - 开发高级 Tumblr 主题

html - bootstrap 4 在特定视口(viewport)禁用 mx-auto

jquery - 如何管理:absolute css block位置的图层

html - div 中的网格列

angular - 有条件地加载样式表 Angular 2

angular - 在访问本地静态文件之前重写 Angular 服务器中的 URL

c++ - 如何让我的应用程序使用 Windows 主题?