获取Angular 5中的当前组件

Question

我需要基于当前组件注入css类。即：如果我当前正在使用LoginComponent，则需要将login类注入到app.component.html（我的应用程序的较大父级）中。像这样：

<div class="content login">
    <router-outlet></router-outlet>
</div>

我不知道最佳做法是什么。我还可以基于url进行注入。即：如果url为xxx./login，则注入loginCSS类。

有任何想法吗？

谢谢。

Answer 1

<router-outlet> 提供一些事件，例如

<router-outlet (activate)="currentComponent = $event"></router-outlet>

另请参阅https://angular.io/api/router/RouterOutlet