Angular 2:router-outlet儿童款式

时间:2017-09-18 13:54:50

标签: angular router-outlet

Angular 2中有没有办法为路由器添加的每个孩子设置常用样式?

在我的特殊情况下,我使用弹性框,所以我需要每个父级都有显示:flex样式。但是如您所知,每个Angular组件都会包装其内容并动态生成自己的容器。我知道我可以使用:主机样式来满足这种需求。我知道我也可以在路由器插座父类型上使用ng-deep来将它们推送给孩子们。还有其他方法可以解决这个问题吗?

1 个答案:

答案 0 :(得分:1)

如果你想要

,你可以包裹div
<div style='display: flex'>
 <router-outlet></router-outlet>
<div>

或                

::ng-deep flex {
  display: flex
}