クリックするまでmdTooltipを表示し、再度クリックすると非表示にします

Question

マウスのホバー効果を無効にし、クリック時にmdTooltipをトリガーし、再度クリックすると無効にしようとしています。それは可能ですか？私は.toogle（）メソッドがそれのための適切なツールであると思いましたが、残念ながらそれは逆の方法で動作します。

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

Answer 1

あなたは、私はこの機能は、[リンク]（https://github.com追加されたことを聞いたことがあるevent.stopImmediatePropagation();

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

Plunker Example