除非设置了内容高度，否则不会显示有角度的垫子侧导航

Question

试图让材料侧边栏打开两个多小时，发现如果侧边栏内容没有设置高度，则侧边栏根本无法打开。我的目标是让侧边栏的全高始终在左侧，而不是内容的高度。40vh:SideNav不是全高度的当前情况

有人知道为什么会这样吗，或者我的侧导航内容应该和现在不同吗？

<app-header (toggleSidenav)="navigationSidenav.toggle()"></app-header>
<mat-sidenav-container autosize="true">
<mat-sidenav #navigationSidenav [fixedInViewport]="false">
<mat-nav-list>
<a mat-list-item [routerLink]="'/accounts'"> Accounts </a>
<a mat-list-item [routerLink]="'/create-account'"> Create Account </a>
<a mat-list-item [routerLink]="'/contacts'"> Contacts </a>
<a mat-list-item [routerLink]="'/create-contact'"> Create Contact </a>
<a mat-list-item [routerLink]="'/activities'"> Activities </a>
<a mat-list-item [routerLink]="'/create-activity'"> Create Activity </a>
<a mat-list-item (click)="navigationSidenav.toggle()">Close</a>
</mat-nav-list>
</mat-sidenav>
<mat-sidenav-content>
<div style="height: 40vh;">
<router-outlet></router-outlet>
</div>
</mat-sidenav-content>
</mat-sidenav-container>

应用程序标题看起来像这样

<mat-toolbar color="primary">
<mat-toolbar-row>
<button mat-icon-button (click)="toggleSidenav.emit()">
<mat-icon>menu</mat-icon>
</button>
</mat-toolbar-row>
</mat-toolbar>

Answer 1

官方文档：

默认情况下，<mat-sidenav>将适合其内容的大小。

因此，您应该明确地告诉组件所需的高度。