Wie Dreieck in Drop-Down mit Winkel Material

Question

Ich versuche, ein Drop-down mit md-Menüleiste und md-Menü hinzufügen Sie in Schnappschüssen

mit dem Code

sehen erstellen

<md-menu-bar> 
    <md-menu> 
    <md-button aria-label="Open phone interactions menu" class="md-icon-button" ng-click="$mdOpenMenu($event)"> 
        <img ng-src="https://media.licdn.com/mpr/mpr/p/5/005/098/12f/223c996.jpg" class="uilr-avatar"> 
       </md-button> 
       <md-menu-content width="4"> 
        <md-menu-item> 
         <md-button ng-click="ctrl.redial($event)"> 
          <md-icon md-svg-icon="call:dialpad" md-menu-align-target></md-icon> 
          Redial 
         </md-button> 
        </md-menu-item> 
        <md-menu-item> 
         <md-button disabled="disabled" ng-click="ctrl.checkVoicemail()"> 
          <md-icon md-svg-icon="call:voicemail"></md-icon> 
          Check voicemail 
         </md-button> 
        </md-menu-item> 
        <md-menu-divider></md-menu-divider> 
        <md-menu-item> 
         <md-button ng-click="ctrl.toggleNotifications()"> 
          <md-icon md-svg-icon="social:notifications-{{ctrl.notificationsEnabled ? 'off' : 'on'}}"></md-icon> 
          {{ctrl.notificationsEnabled ? 'Disable' : 'Enable' }} notifications 
         </md-button> 
        </md-menu-item> 
       </md-menu-content> 
      </md-menu> 
     </md-menu-bar> 

aber ich möchte diese Dropdown mit einem Dreieck oben überprüfen Sie bitte die Schnappschüsse von inbox.google.com unter

bitte sagen, wie kann ich t erreichen seine. Vielen Dank im Voraus

Answer 1

Bitte überprüfen Sie folgende Geige ist das, was Sie wollen?

[https://jsfiddle.net/suunyz3e/252/]