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

Question

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

我添加了想要它看起来像的图片。我该怎么办？

demo

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。

Here，您可以找到代码。