javascript - 在单击之前显示mdTooltip，在再次单击时隐藏

我试图禁用鼠标悬停效果，并在单击时触发mdTooltip，并在再次单击时禁用它。有可能这样做吗？我以为.toogle()方法将是正确的工具，不幸的是，它以相反的方式工作。

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

最佳答案

您应该尝试使用event.stopImmediatePropagation();

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

Plunker Example