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

Question

Todo：

• css文件基于加载的子域。
  例如：我有abc.css，xyz.css，这些CSS应该基于子域加载，例如abc则必须加载abc.css，依此类推。

审理过的案件：

• 动态地从angular-cli.json加载css（找不到方法 动态加载）
• 在index.html上加载CSS（遇到MiME类型问题）
• 在应用初始化时使用样式加载器，例如require（“ style-loader！./ style.css”）;

使用的版本： Angular 4.4.6版本。

有人可以帮我吗？
我愿意接受所有建议，请提出建议。

谢谢。

Answer 1

尝试一下：

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

在component.ts中：

constructor (private sanitizer: DomSanitizer) {}

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