2017-06-01 60 views
0

我有一種情況,我會根據不同的客戶/用戶有不同的樣式。Angular 2+多客戶端多樣式

這些都將來自同一個站點運行,所以我會在風格上加載動態,一旦我確定哪些客戶端已登錄。

什麼是角2這樣的建議呢?即我不想使用jQuery?

感謝

+0

會解決一些用'[ngStyle]'怎麼辦? – Umair

+0

不會有太多的風格,他們可能會改變 – 72GM

回答

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

是從一個不推薦的組件直接操縱的嗎? (可能無法避免我猜?) – 72GM

+0

直接DOM操作應完全避免在Angular2中。使用綁定而不是ref - https://stackoverflow.com/questions/37376442/where-does-dom-manipulation-belong-in-angular-2 –

+0

奇怪,你應該給我一個直接的dom操作回答不?相當快地改變了你的想法:) – 72GM