角度材料md菜單位置問題

Question

Im從角度材料使用Angular 2的md組件。我正在關注如何實現它的文檔說明，但菜單在觸發器之下打開。

這裏是我的代碼

<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-菜單：

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

您可以嘗試x位置=或y位置= 「上面」

我發現的信息在這裏 「之後」：angular material menu

它適用於2.0.0-alpha.8.2版本的材料。