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

Question

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

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

Answer 1

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

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

Plunker Example