Laden CSS-Datei dynamisch für theming

Question

Ich habe drei CSS-Dateien mit verschiedenen Farbthemen, z. theme1.css theme2.css theme3.css

ich sie je nach der gewählten Kategorie laden möchten. Ist es möglich, CSS-Dateien dynamisch in angular2 zu laden? Was ist der richtige Weg, damit umzugehen?

Danke!

Answer 1

Ich bin mir nicht sicher, ob dies der richtige Weg ist. Aber Sie können wie versuchen this-

import { Component, Inject } from '@angular/core'; 
    import { DOCUMENT } from '@angular/platform-browser'; 

    @Component({ 
    }) 

    export class SomeComponent { 

     constructor (@Inject(DOCUMENT) private document) { } 

     LightTheme() { 
      this.document.getElementById('theme').setAttribute('href', 'light-theme.css'); 


     DarkTheme() { 
      this.document.getElementById('theme').setAttribute('href', 'dark-theme.css'); 
    } 
} 

Referenz: https://angular.io/docs/ts/latest/api/platform-browser/index/DOCUMENT-let.html

sehen, ob das hilft.