2016-06-21 16 views
0

私はあなたがコードは、どのような角度-材料

を使用して、スナップショット enter image description here

で見ることができMD-メニューバーやMD-メニュー を使用して、ドロップダウンを作成しようとしていますを使用して、ドロップダウンで三角形を追加します

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

が、私はトップ の三角形でこのドロップダウンがinbox.google.com enter image description here

から取ったスナップショットを確認してくださいする方法私はトンを達成することができます教えてください彼の ありがとうございます

+0

スニペットまたはjsfiddleを追加できますか?ここで –

+0

https://jsfiddle.net/suunyz3e/250/ jsfiddleリンク –

+0

[フィドルリンク]は –

答えて

0

下記のフィドルを確認してください はそれが欲しいものですか?

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

を確認してください、私はリンクを与えられたリンク –

+0

私は擬似要素を使用しました:ドロップダウン時にbeforeと:afterを...あなたはそれのCSSをチェックすることができます.. –

+1

は動作しません。メニューに三角形がありません – hhsadiq