Css dosyasını dinamik olarak kullanabilmek için

Question

Farklı renk temalarına sahip üç css dosyası var. theme1.css theme2.css theme3.css

Ben seçilmiş kategorisine göre bunları yüklemek istediğiniz

. CSS dosyalarını dinamik olarak açısal2 olarak yüklemek mümkün mü? Bunu halletmenin doğru yolu nedir?

Teşekkürler!

Answer 1

Bunun uygun olup olmadığından emin değilim. Ama bu-

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'); 
    } 
} 

Referans gibi deneyebilirsiniz: bu yardımcı olur

https://angular.io/docs/ts/latest/api/platform-browser/index/DOCUMENT-let.html bakınız.