Angular2，如何获取当前的事件组件选择器以将其用作全局类以进行 css 样式设置

Question

我想为每个组件应用样式，我正在寻找的是我想获取当前组件选择器名称并将其作为类名传递

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

这样对于每个事件组件我都得到它的选择器并将其设置为自定义 css 样式的 div 标签..

有人知道怎么做吗？？预先感谢您的时间和支持。

Answer 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;    
}