Css 除非设置了内容高度,否则不会显示Angular mat sidenav
试图让材质侧边栏在两个小时内打开,并发现,若侧边栏内容上并没有设置高度,那个么侧边栏就根本并没有打开。 我的目标是让边栏的全高始终位于左侧,而不是与内容的高度相同。40vh的现状: 有人知道为什么会这样吗?或者我的sidenav内容应该与现在有所不同吗Css 除非设置了内容高度,否则不会显示Angular mat sidenav,css,angular,angular-material,mat-sidenav,Css,Angular,Angular Material,Mat Sidenav,试图让材质侧边栏在两个小时内打开,并发现,若侧边栏内容上并没有设置高度,那个么侧边栏就根本并没有打开。 我的目标是让边栏的全高始终位于左侧,而不是与内容的高度相同。40vh的现状: 有人知道为什么会这样吗?或者我的sidenav内容应该与现在有所不同吗 <app-header (toggleSidenav)="navigationSidenav.toggle()"></app-header> <mat-sidenav-contai
<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>
菜单
官方文件:
默认情况下,
将适合其内容的大小
因此,您应该明确地告诉组件所需的高度