角度材料 - 固定左侧窗口，使用推模式切换右侧窗口

Question

我试图实现一个带有固定左侧边的布局，sidenav内容填充视口的剩余宽度，以及一个带有推模式的切换右侧边，将推出sidenav内容和左侧sidenav到左边什么时候打开。

我已设置左侧sidenav和sidenav内容正常，但position属性在切换＆＃39; start＆＃39;之间似乎没有任何效果。并且＆＃39;结束＆＃39;值，即使是左侧的sidenav元素。

AppComponent包含<mat-sidenav-container/>内的左侧sidenav和sidenav内容，NotificationsComponent包含右侧的navnav组件。

AppComponent：

<mat-sidenav-container *ngIf="isAuthenticated">

  <mat-sidenav #nav fxHide fxShow.gt-sm fxFlex="20vw" mode="side" position="start" opened>

    <mat-nav-list>...</mat-nav-list>

  </mat-sidenav>

  <mat-sidenav-content fxFlexmxs="100vw" fxFlex.gt-sm="80%">

    <router-outlet *ngIf="isAuthenticated"></router-outlet>

  </mat-sidenav-content>

  <app-notifications></app-notifications>

</mat-sidenav-container>

NotificationsComponent：

<mat-sidenav #noitificationsMenu mode="push" position="end" opened fxFlex="20vw">

  <mat-nav-list>...</mat-nav-list>

</mat-sidenav>