代码之家 › 专栏 › 技术社区 › Mukil Deepthi

角度材料侧导航模式不工作

angular6 angular-material

Mukil Deepthi · 技术社区 · 7 年前

我有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文件