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

显示mdTooltip直到单击，再次单击时隐藏

1 个答案: