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

Question

我使用角度材料设计,当我点击菜单按钮时,选项显示在按钮顶部.

<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>

如何在按钮下方显示选项,如下图所示

Answer 1

您可以设置to 的overlapTrigger属性,以显示触发器下方的菜单项.请看一下这个stackblitz示例.mat-menufalse

<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>