角材料侧导航模式不起作用

Question

我有一个Angular 6应用程序，它有一个主要的sidenav容器。在其中一页中，我正在使用一个简单的sidenav。一切正常，但sidenav模式无法正常工作。虽然我将模式设置为“ side”，但默认使用“ over”。

<mat-sidenav-container>
    <mat-sidenav [mode]="sidenavOption.mode"
                 position="start"
                 [opened]="sidenavOption.open"
                 appKvpDashboardSidenav
                 #leftsidenav>
        <app-left-sidenav [sidenav]="leftsidenav"
                          [isEditing]="isEditing"
                          [kvpDashboardId]="kvpDashboardId"
                          [kvpModelId]="kvpModelId"
                          [kvpModelPath]="kvpModelPath">
        </app-left-sidenav>
    </mat-sidenav>
    <mat-sidenav-content fxLayout="row">
        <app-kvp-sidenav-toggle (toggleClicked)="toggleSidenav()"></app-kvp-sidenav-toggle>
        <ng-content></ng-content>
    </mat-sidenav-content>
</mat-sidenav-container>

我正在.ts文件中使用以下设置

sidenavoption.mode = 'side'

sidenavoption.open = true

任何人都可以帮助完成这项工作吗？