用angularjs切换sass变量

时间:2017-06-27 06:42:01

标签: css angularjs sass node-sass

我正在使用angularjs处理主题转换器,当用户更改主题时,我似乎找不到如何将一个sass文件替换为另一个(两者都包含变量)的方法。我知道当sass被编译为css时,变量就消失了。有没有办法切换这些文件并重新编译整个CSS?我设法发现通过调用服务器来重新编译css应该可以通过某种方式实现,但我无法找到更多信息。谢谢。

1 个答案:

答案 0 :(得分:0)

我们做这些事情的一种方法是为不同的主题提供多个文件。示例内容=

variables ... 
primary: '#smtng'

.themeName{
   .header{
      background-color: primary
    }
}

在app.html中,您可以将类添加到代表themeName的html标记中。您可以在一些存储中保存主题名称并从中加载它。

基本上您正在加载所有主题,但只渲染活动主题的css