Angular 将 flex 布局应用于使用“router-outlet”注入的组件答案

【问题标题】：Angular applying flex layout to component that is injected using "router-outlet"Angular 将 flex 布局应用于使用“router-outlet”注入的组件
【发布时间】：2021-04-24 15:40:28
【问题描述】：

我在将 flex 布局应用到使用“router-outlet”方法注入到位的组件时遇到问题。

  <app-eis-card-body >
    <router-outlet ></router-outlet>
  </app-eis-card-body>

使用我的 flex 布局，父 div“app-eis-card-body”具有正确的高度。
在我不使用“路由器插座”的应用程序布局的其他地方，我注意到如果 flex 要正常工作，我必须将 flex 布局样式应用于自定义组件标签

如何为注入的组件设置 flex 样式？另外我想知道'router-outlet'标签是否弄乱了flex布局。

建议？

【问题讨论】：

标签： angular flexbox

【解决方案1】：

如果我没有误解，可能值得使用:host 伪类选择器： https://angular.io/guide/component-styles#host

【讨论】：