2017-06-28 64 views
0

我有我的md-tooltip的側邊欄,但我想能夠點擊它,並有一個子菜單選項。例如,如果在我的配置文件菜單中有一個子菜單通訊錄,當我在菜單圖標上方滾動時,我希望能夠訪問通訊錄,我在右側看到我的工具提示,然後轉到該通訊錄,它保持不變,並且不會立即消失然後鏈接到工具提示。我可以添加一個子菜單到md-tooltip嗎?

</ul> 
    <md-tooltip class="navbar-tooltip" md-direction="right"> 
    <div> 
     <span translate="{{route.label}}"></span> 
    </div> 
    </md-tooltip> 
</li> 

它看起來像這樣到目前爲止。我的問題是,使用Angular時甚至有可能嗎?

+1

工具提示僅用於顯示提示或提示。對於菜單檢查https://material.angularjs.org/latest/demo/menuBar –

+0

但我想我的菜單看起來像一個工具提示,我的意思是當你把鼠標懸停在一個圖標或一個按鈕上時,它不顯示點擊。 – Heythere

回答

0

您需要添加md-menu-bar並在on-mouseover事件上調用$mdOpenMenu($event)

使用下面的函數

<md-button ng-mouseover="$mdOpenMenu($event)"> 

的詳細選項,勾選這個Fiddle

你的目標行爲檢出DemoDocsmd-menu-bar

希望這有助於!

+0

我已經通過使用ng-if指令並在結構中添加更多div來做到這一點 – Heythere

+0

但是這對於下一次使用也非常有用 – Heythere

相關問題