Question

我有一种情况，根据不同的客户/用户，我会有不同的风格。

这些都将从同一个站点运行，因此我必须在确定哪个客户端已登录后动态加载该样式。

在Angular 2中推荐的方法是什么？即我不想使用jquery？

由于

Answer 1

HTML：

<head>
   <link id="theme" rel="stylesheet" href="red.css">
</head>

TS：

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

@Component({})
export class MyClass {
    constructor (@Inject(DOCUMENT) private document) { }

    ngOnInit() {
      //here you can check for the users and then chnage depending upon the user
      this.document.getElementById('theme').setAttribute('href', 'blue.css');
    }
}

Angular 2+多客户端多样式表

1 个答案: