我在按钮上设置了mdl-tooltip。 当鼠标悬停在按钮上时,工具提示会正确显示。 当鼠标离开按钮时,工具提示会正确消失。
单击按钮时,按钮被禁用,工具提示仍然显示。如何修复此问题,以便在单击/禁用按钮时隐藏工具提示?
<button type="button" mdl-button mdl-button-type="icon" mdl-colored="primary" mdl-ripple mdl-tooltip="Disable Button" mdl-tooltip-position="bottom" (click)="isDisabled = true" [disabled]="isDisabled">
<mdl-icon>close</mdl-icon>
</button>
答案 0 :(得分:0)
指针事件不会在禁用的元素上触发。 (请查看有关该主题的讨论:Event on a disabled input)
您可以通过这种方式更改代码,以实现您的目标:
<span mdl-tooltip="blah">
<button mdl-button mdl-button-type="fab" mdl-colored="primary"
[disabled]="itemDisabled" (click)="itemDisabled=!itemDisabled">
<mdl-icon>add</mdl-icon>
</button>
</span>