动态加载 css 文件以进行主题化

我有三个具有不同颜色主题的 css 文件，例如 主题1.css 主题2.css 主题3.css

我想根据所选类别加载它们。 是否可以在Angular2中动态加载CSS文件？ 处理这个问题的正确方法是什么？

Thanks!

我不确定这是否是正确的方法。但你可以这样尝试——

    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-b​​rowser/index/DOCUMENT-let.html

看看这是否有帮助。