Html 无法使用“角度材质”菜单加载按钮下的选项列表

我使用的是角度材质设计，当我点击菜单按钮时，选项显示在按钮顶部

<button mat-button [matMenuTriggerFor]="menu">Menu</button>
    <mat-menu #menu="matMenu">
      <button mat-menu-item>Item 1</button>
      <button mat-menu-item>Item 2</button>
    </mat-menu>

菜单
项目1
项目2

如何显示按钮下方的选项，如下图所示

---

您可以将

mat菜单的
overlapprigger
属性设置为
false
，以显示触发器下方的菜单项。请看一看

菜单
项目1
项目2

<button mat-button [matMenuTriggerFor]="menu">Menu</button>
<mat-menu #menu="matMenu" overlapTrigger="false">
  <button mat-menu-item>Item 1</button>
  <button mat-menu-item>Item 2</button>
</mat-menu>