AngularJSでGoogleのような右上のプロファイルボタンを実装する方法は？

Question

メイン画面の右上隅にフローティングボタンがあります。このボタンをクリックすると、ボタンの下にカードが開きます。ここにあるボタンと同じようにボタンを指しています。https://www.google.gr/私は角度材を使用します。現在のところ、この目的のためにファブスピードダイヤルボタンがあり、ファブアクションにはカードを使用しています。問題は、カードが現れたときにプロファイルボタンが再配置され、その水平位置がカードの中央にあることです。

<md-fab-speed-dial md-open="isProfileOpen" 
       md-direction="down" 
       ng-class="md-fling"> 
<md-fab-trigger> 
    <md-button class="md-fab md-primary md-hue-2" 
       aria-label="Profile"> 
     <md-icon md-svg-src="assets/img/profile.svg"></md-icon> 
    </md-button> 
</md-fab-trigger> 
<md-fab-actions> 
    <md-card ng-show="isProfileOpen" md-theme="{{ showDarkTheme ? 'dark-purple' : 'default' }}" md-theme-watch> 
     <md-card-title> 
      <md-card-title-text> 
       <span class="md-headline">Card with image</span> 
       <span class="md-subhead">Medium</span> 
      </md-card-title-text> 
      <md-card-title-media> 
       <div class="md-media-md card-media"></div> 
      </md-card-title-media> 
     </md-card-title> 
     <md-card-actions layout="row" layout-align="end center"> 
      <md-button><a href="#!/login">Logout</a></md-button> 
     </md-card-actions> 
    </md-card> 
</md-fab-actions> 
</md-fab-speed-dial> 

アンギュラマテリアルでこれを行う方法はありますか？その他の選択肢は何ですか？

Answer 1

トップバーで希望するものを再作成するより良いオプションは、角度材料のmd-menuコンポーネントです。メニューは、クリックすると開く要素です。アクションのコンテキスト内で追加のオプションを表示するのに便利です。

公式ドキュメントのdemoをご覧ください。 私はそれが助けてくれることを願っています。

ロッキングを続ける！