6

利用可能なすべてのスペースをルーターアウトレットで埋めることに問題があります。

アプリケーションに angular/flex-layout を使用しています。また、ルーターにロードされたコンポーネントは、使用可能なすべての場所を占めるわけではありません。

<div fxLayout="column" fxFlexFill>
  <maat-top-bar></maat-top-bar>
  <router-outlet fxFlex></router-outlet>
</div>

アプリと DOM のスクリーンショット

ルーターアウトレットは、子コンポーネントの代わりにスペースを取ります。スクリーンショットでは、コンポーネントは<maat-home></maat-home>. DOM ツリーでは、このコンポーネントは router-outlet の後に配置されます。

<maat-home></maat-home>コンポーネントが残りのスペースを取るようにするにはどうすればよいですか?

ありがとう！

4

2 に答える 2