如何在单个角度应用程序中基于客户在Angular 6中动态加载scss？

Question

我有一个供多个客户使用的应用程序，每个客户都需要在运行时加载各自独特的主题/配色方案。如何在角度6中基于客户加载scss文件？

Answer 1

也许简单的解决方案正在使用简单的CSS解决此问题，或者您可能不得不管理文件转换以找到适合用户的正确文件。

您可以简单地打印<link>标签，并在href属性中添加一个不同的值。例如，黄色用户登录，并使用您在响应用户的个人css url中发送的身份验证令牌（例如这样的住所）：

{
  x-auth-token: 'asjdjsajdsajsadjsadjsasadj',
  css-href: 'path/user.css'
}

您可以将css-href放入变量中，例如userCssHref

然后在模板中（可能会在index.html中），您可以打印如下内容：

<link rel="stylesheet" href="{{ userCssHref }}">

显然，您必须找到一种访问该变量的方法