<md-button class="md-fab" aria-label="Photos">
<md-tooltip> Photos </md-tooltip> //所要顯示的文本內容
<md-icon md-svg-src="img/icons/ic_photo_24px.svg" style="width: 24px; height: 24px;"></md-icon> //圖標、按鈕
</md-button>
這樣鼠標移上這個按鈕的時候，就會顯示tooltip的內容，默認的樣式是在按鈕的下面，我們可以根據需要改變，使用<b>md-direction</b>,取值有<b>left、right、top、bottom</b>，例如：
<md-button class="md-fab" aria-label="Photos">
<md-tooltip md-direction="right"> Photos </md-tooltip> //所要顯示的文本內容
<md-icon md-svg-src="img/icons/ic_photo_24px.svg" style="width: 24px; height: 24px;"></md-icon> //圖標、按鈕
</md-button>
