angular - 如何使有角度的材质 sidenav 出现在主视图上？

Question

我有一个有角度的材质sidenav，当我单击菜单图标时，会在左侧打开一个sidenav，但它会推动主视图，但如果我单击菜单按钮，它应该在主视图上方打开。

我已经添加了我希望它看起来像的图片。我怎样才能做到这一点？

演示

标签： angularangular-material

Answer 1

您可以更改mode为over：

<mat-drawer-container>
    <mat-drawer #snav [mode]="'over'"> <=== change it here
        ...
    </mat-drawer>

    <mat-drawer-content>
        ...
    </mat-drawer-content>
</mat-drawer-container>

更新1：

您可以使用mat-sidenav您想要的输出。不要忘记检查 CSS。

在这里你可以找到代码。