【问题标题】:Loading scss files conditionally in Angular 8在 Angular 8 中有条件地加载 scss 文件
【发布时间】:2020-05-03 00:21:56
【问题描述】:

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

【问题讨论】:

  • 看看这篇文章,你可以使用mixins动态改变主题medium.com/@dmitriy.borodiy/…
  • 使用 Angular 主题我只能更改 3 种颜色。但是,我有一个变量文件,其中包含通过应用程序使用的大约 15 种颜色。
  • 数量没有限制,我分享了完整的scss主题指南,你可以保留n个变量。

标签: angular sass


【解决方案1】:

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

【讨论】:

  • 当然可以。在这种情况下,我将对代码进行大量修改。但我正在寻找干净的方式来做到这一点。就像替换一个变量文件一样。
猜你喜欢
  • 2021-12-11
  • 2018-10-03
  • 2018-05-15
  • 2015-01-05
  • 2013-03-09
  • 1970-01-01
  • 1970-01-01
  • 2017-05-22
  • 1970-01-01
相关资源
最近更新 更多