Angular Material md-menu位置问题

Question

我使用Angular Material的Angular 2的md-component。我按照文档说明如何实现它，但菜单会在触发器下方打开。

这是我的代码

  <button class="menu-button" md-icon-button [mdMenuTriggerFor]="menu">
    <md-icon>more_vert</md-icon>
  </button>
  <md-menu #menu="mdMenu" class="popup-menu">
    <button md-menu-item>
      <md-icon>dialpad</md-icon>
      <span>Menu option 1</span>
    </button>
    <button md-menu-item disabled>
      <md-icon>voicemail</md-icon>
      <span>Menu option 2</span>
    </button>
    <button md-menu-item>
      <md-icon>notifications_off</md-icon>
      <span>Menu option 3</span>
    </button>
  </md-menu>

有什么东西我不见了？感谢。

Answer 1

在md-menu上试试这个：

<md-menu #appMenu="mdMenu" x-position="before" y-position="below"  >

您可以尝试x-position =“after”或y-position =“above”

我在这里找到了信息：angular material menu

它适用于2.0.0-alpha.8.2版本的材料。