角形路由器出口子无法填充空间

Angular router-outlet child can't fill space

我在用路由器outlets填充所有可用空间时遇到问题。

我在应用程序中使用了angular/弯曲布局。而且，路由器中加载的组件不会占据所有可用位置。

1 2	<maat-top-bar></maat-top-bar> <router-outlet fxFlex></router-outlet>

应用程序的屏幕截图

我找到了办法。
路由器出口被隐藏，并且在DOM上添加的组件具有属性fxFlexFill来填充所有可用空间。

1
2
3

<maat-top-bar class="top-bar"></maat-top-bar>

<router-outlet class="hidden-router"></router-outlet>

类hidden-router

1
2
3
4
5

.hidden-router {
flex: 1 1 auto;
display: flex;
overflow: hidden;
}

和组件

1	I filling all remaining space