在基于子域的角度应用程序上加载css

Question

待办事项 ：

• 基于加载的子域的 CSS 文件。
  例如：我有abc.css，xyz.css这些css应该基于子域加载，例如如果abc那么abc.css必须加载等等。

审理的案件 ：

• 从angular-cli.json动态加载css(找不到一种方法 动态加载(
• 在索引上加载 css.html(遇到 MiME 类型问题(
• 在应用程序初始化上使用样式加载器，例如require("style-loader！./style.css"(;

使用版本：角度4.4.6版本。

谁能帮我解决这个问题？
我愿意接受所有建议，请提出建议。

谢谢。

Answer 1

试试这个：

在 HTML 模板中：
<link rel="stylesheet" [href]="getCssUrl()">

在组件.ts中：

constructor (private sanitizer: DomSanitizer) {}
getCssUrl() {
// Implement your code to return CSS url based on sub-domain
const cssURL = xxx;
return sanitizer.bypassSecurityTrustResourceUrl(cssUrl);
}