各コンポーネントにスタイリングを適用したいのですが、現在のコンポーネントセレクター名を取得して、このようにクラス名として渡したいと考えています。
<div [class]="component-slector-name">
<router-outlet></router-outlet>
</div>
すべてのアクティブなコンポーネントについて、セレクターを取得し、カスタムcssスタイルのdivタグに設定します。
誰かがこれを行う方法を知っていますか?時間とサポートを事前に感謝します。
それを達成するためのさまざまな方法があります。
ここに1つのオプションがあります:
* .html
<div [class]="activeSelector">
<router-outlet (activate)="onActivated($event)"></router-outlet>
</div>
* .ts
activeSelector: string;
constructor(private resolver: ComponentFactoryResolver) {}
onActivated(component) {
this.activeSelector =
this.resolver.resolveComponentFactory(component.constructor).selector;
}
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加