Angular 以有条件的方式加载scss文件

Angular 以有条件的方式加载scss文件,angular,sass,Angular,Sass,全部 我有一个角度的应用程序,我使用的样式SCSS。有一个variables.scss文件,其中包含所有其他scss文件中使用的scss变量。现在,我想更改web应用程序的结构。当普通用户登录时,他/她应该看到正常的设计。但是对于管理员,我想把颜色改成不同的颜色。所以我想创建另一个变量文件,并根据使用的类型有条件地加载它。我怎样才能实现它呢?我在[ngClass]中使用了相同的条件。您可以通过检查login变量来尝试ngClass。我对使用了相同的条件,但对[ngClass]使用了相同的条件。您

全部
我有一个角度的应用程序,我使用的样式SCSS。有一个variables.scss文件,其中包含所有其他scss文件中使用的scss变量。现在,我想更改web应用程序的结构。当普通用户登录时,他/她应该看到正常的设计。但是对于管理员,我想把颜色改成不同的颜色。所以我想创建另一个变量文件,并根据使用的类型有条件地加载它。我怎样才能实现它呢?

我在[ngClass]中使用了相同的条件。您可以通过检查login变量来尝试ngClass。

我对使用了相同的条件,但对[ngClass]使用了相同的条件。您可以通过检查login变量来尝试ngClass。

看看这篇文章,您可以使用角度主题混合动态更改主题,我只能更改3种颜色。但是,我有一个变量文件,其中包含大约15种颜色,通过应用程序使用。数量没有限制,我共享了完整的scss主题指南,您可以保留n个变量。看看这篇文章,您可以使用角度主题混合动态更改主题。我只能更改3种颜色。但是,我有一个变量文件,其中包含大约15种颜色,通过应用程序使用。数量没有限制,我共享了完整的scss主题指南,您可以保留n个变量。当然我可以。在这种情况下,我将对代码进行大量修改。但我正在寻找一种干净的方法。比如替换一个变量文件。我当然可以。在这种情况下,我将对代码进行大量修改。但我正在寻找一种干净的方法。比如替换一个变量文件。