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

时间:2018-01-11 19:06:56

标签: html5 css3 angular-material2

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

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

enter image description here

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

enter image description here

1 个答案:

答案 0 :(得分:5)

您可以将overlapTrigger的{​​{1}}属性设置为mat-menu,以便在触发器下方显示菜单项。请查看this stackblitz example

false