直到點擊後顯示mdTooltip，再次點擊時隱藏

我試圖禁用鼠標懸停效果並在點擊時觸發mdTooltip並在再次單擊時禁用它。有可能這樣做嗎？我認爲.toogle（）方法是不錯的工具，不幸的是它的工作方式相反。直到點擊後顯示mdTooltip，再次點擊時隱藏

<div style="text-align: center;"> 
 
    <span matTooltip="Tooltip!" #tooltip="matTooltip" (click)="tooltip.toggle()">Test</span> 
 
</div>

來源

2017-10-06 Paul Pinter

我聽到加入這個功能[鏈接]（https://github.com/angular/material2/pull/3578/commitits）但是，我不明白我該如何使它成爲可能ķ。 –

material2工具提示使用以下語法：我有一個工具提示 – Vega

這個工作是一次完成還是從未完成？ – Vega

你應該嘗試使用event.stopImmediatePropagation();

<span matTooltip="Tooltip!" 
    (mouseenter)="$event.stopImmediatePropagation()" 
    (mouseleave)="$event.stopImmediatePropagation()" 
    #tooltip="matTooltip" (click)="tooltip.toggle()">Test</span>

Plunker Example

來源

2017-10-06 20:39:36 yurzui

它的工作原理！比你非常厲害！ –

不客氣！ – yurzui

直到點擊後顯示mdTooltip，再次點擊時隱藏

回答

相關問題