Загрузить CSS на угловое приложение, основанное на поддомене

Question

Сделать:

• CSS-файл, основанный на загруженном поддомене.
  Например: у меня есть abc.css, xyz.css, и эти css должны быть загружены на основе поддоменов, например, если abc, тогда должна быть загружена abc.css и так далее.

Испытанные случаи:

• Динамически загружать css из angular-cli.json (не удалось найти способ динамической загрузки)
• Загрузка css в index.html (обнаружена проблема типа MiME)
• Используйте style-loader в приложении init, например 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);
}