css - 根据封装的组件更改 Angular 路由器插座 css？

Question

所以我有一个路由器插座，用于在另一个组件一侧的组件之间切换。我希望能够根据所容纳的组件更改出口宽度。目前我正在使用共享服务来确定：

<div class="service.widthType">
  <router-outlet></router-outlet>
</div>

在组件之间，我正在更改共享服务属性以确定类，从而确定宽度：

ngOnInit() {
  this.service.widthType = "small" // Or "medium" or "large" depending on the component
}

这被认为是好的做法还是有更好的方法来做到这一点？

编辑：更正代码