在 AngularJS 中使用多个主题的最佳方法是什么答案

【问题标题】：What is the best way to use multiple Themes in AngularJS在 AngularJS 中使用多个主题的最佳方法是什么
【发布时间】：2016-09-05 00:02:27
【问题描述】：

我正在使用 AngularJS、UI Bootstrap 和 Sass 开发一个项目。现在我们想为用户提供不同的主题。我已经使用angular.element().css() 实现了应用不同的背景。但是要改变不同站点上不同元素的颜色，这对我来说似乎不是正确的方法。我正在考虑生成不同的 CSS 文件（main_dark.css、main_light.css、...）并使用 ng-href 加载它们。这样我就可以将设计部分与开发部分分开，但我遇到了一些问题，比如屏幕闪烁或某些下拉菜单不再工作。

现在我想知道我是否走在正确的轨道上，或者是否有更好的方法在 AngularJS 中做主题

【问题讨论】：

尝试将布局部分与主题部分分开。 IE。 CSS 将被分成 2 个文件。 Layout.css - 它始终适用，并且您拥有不同主题的主题文件（例如 red.css、green.css、blue.css 等）。这些文件应该只包含颜色样式（例如背景、边框等）。在插入时在旧文件之后插入新的 css 文件删除旧样式。只是一个想法。

标签： javascript css angularjs twitter-bootstrap sass

【解决方案1】：

如果你在 sass 中开发，他们最好的方法是创建主体类，例如。

作为主要父级然后在此类下设置子级样式，或者您可以使用 https://github.com/tennisgent/angular-route-styles 但在这里您需要更改状态以应用新样式表

【讨论】：