如何使有角度的材质sidenav出现在主视图上? [英] How to make angular material sidenav appear over main view?

问题描述

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

I have an angular material sidenav, when I click menu icon, a sidenav opened on the left side but it pushes the main view but if I click the menu button it should open above the main view.

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

I have added pictures of what I want it to look like. How can i do this?

演示

推荐答案

您可以将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.

You can use mat-sidenav for your desired output. Don't forget to check CSS.

在这里，您可以找到代码.

这篇关于如何使有角度的材质sidenav出现在主视图上?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！