Angular 2：路由器插座子样式

Question

Angular 2 中是否有任何方法可以为路由器添加的每个子节点设置通用样式？

在我的特殊情况下，我使用弹性框，因此我需要每个父级都具有 display:flex 样式。但如您所知，每个 Angular 组件都会包装其内容并动态生成自己的容器。我知道我可以使用 :host 样式来满足这种需求。我知道我也可以在 router-outlet 父样式上使用 ng-deep 将它们向下推送给子样式。有没有其他方法可以解决这个问题？

Answer 1

如果你愿意，你可以在 div 中换行

<div style='display: flex'>
 <router-outlet></router-outlet>
<div>

或

::ng-deep flex {
  display: flex
}