Angular Material md-Menüposition Ausgabe

Question

Im mit der MD-Komponente für Angular 2 aus Angular Material. Ich befolge die Anweisungen des Docs, wie man es implementiert, aber das Menü öffnet sich unterhalb des Triggers.

Hier ist mein Code

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

Gibt es etwas fehlt im? Vielen Dank.

Answer 1

Versuchen Sie dies auf dem md-Menü:

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

Sie können x-Position versuchen = "nach" oder y-Position = "oben"

ich die Informationen hier: angular material menu

Es funktionierte für mich auf der Version 2.0.0-alpha.8.2 des Materials.