angular - 如何使用 flex Layout 将 Angular 路由器的子组件的最小高度设置为 100%

Question

在我的 Angular Web 应用程序中，我使用路由器进行导航和显示内容。在顶部有一个菜单栏，其下方应显示内容。我的大多数页面应该完全填满屏幕，但有些例外会显示更多内容，因此它们需要滚动条。

为了让生活更轻松，我想给app.component.html包含菜单栏和路由器插座的窗口 div 设置为 100% 的最小高度。所以当我创建一个新组件时，我只需要添加

:host {
    min-height: 100%;
}

到我的 css 并添加fxFlex到根 div 以便它得到全高。

然而，根 div 没有达到全高。我已经尝试height: 100%在我app.component.html的 .内容。

标签： angularangular-routerangular-flex-layout