动态加载css文件供主题使用

Question

我有三个不同颜色主题的css文件，例如 theme1.css theme2.css theme3.css

我想加载它们取决于所选的类别。 是否可以在angular2中动态加载css文件？ 处理这个问题的正确方法是什么？

谢谢！

Answer 1

我不确定这是否正确。但是你可以尝试像这个 -

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

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

看看这会有所帮助。