直到点击后显示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，再次点击时隐藏

回答

相关问题