如何使sidenav出现在主视图角的材料？(How to make angular material

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

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

演示

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。

在这里你可以找到的代码。

文章来源: How to make angular material sidenav appear over main view?