Как уменьшить ширину ?

Question

Я использую sidenavigation, которая изначально отображается на странице вместе с mat-sidenav-content. Проблема в том, что я настроил маршрутизатор, и когда я нажимаю на одно из меню в боковой навигационной панели, компонент также отображается, но ниже на странице. Я имел в виду, что компонент отображается внизу страницы, а не как целое на экране. Как я могу это исправить?

Answer 1

Это можно сделать в файле html родительского компонента, а затем вы можете определить структуру маршрутизации со всеми маршрутами в качестве дочерних маршрутов этого компонента, который необходимо отобразить

<mat-sidenav-container>
   <mat-sidenav>
       // Here you will be showing the menu items
   <mat-sidenav>
   <mat-sidenav-content>
       <router-outlet></router-outlet>
   </mat-sidenav-content>
</mat-sidenav-container>