Angular2、現在のアクティブなコンポーネントセレクタをCSSスタイリング用のクラスとしてグローバルに使用する方法

Question

各コンポーネントにスタイリングを適用したいのですが、現在のコンポーネントセレクタ名を取得してクラスとして渡したい私はそのセレクタを取得し、カスタムCSSスタイリングのためのdivタグに設定しますので、すべてのアクティブなコンポーネントの

誰もがこれを行う方法を知っています。これ

<div [class]="component-slector-name"> 
<router-outlet></router-outlet> 
</div> 

のような名前？ 時間とサポートに感謝します。

Answer 1

これを達成するにはさまざまな方法があります。

* .htmlを

<div [class]="activeSelector"> 
    <router-outlet (activate)="onActivated($event)"></router-outlet> 
</div> 

*あなたは、クラス名を渡したいんなぜ

activeSelector: string; 

constructor(private resolver: ComponentFactoryResolver) {} 

onActivated(component) { 
    this.activeSelector = 
     this.resolver.resolveComponentFactory(component.constructor).selector;  
}