当鼠标离开按钮时立即隐藏 mat-tooltip

Question

最新的 Angular Material v13 升级导致了这个 mattooltip 问题

当鼠标悬停在按钮上时，它会显示工具提示并与相邻的控件重叠，在鼠标移离工具提示之前不允许单击

如何在鼠标指针离开其 parent 控件（操作按钮）并访问相邻控件（工具提示位置下拉菜单）时立即关闭此 mattooltip

此处示例https://material.angular.io/components/tooltip/overview#positioning

Answer 1

出于某种原因，此设置并未在指令本身上公开，而是在 MatTooltipDefaultOptions.

的全局级别上设置

您正在寻找的是 disableTooltipInteractivity 属性，它使悬停时工具提示不会消失，从而使内部文本可选择。

您需要提供您的自定义 MatTooltipDefaultOptions（在模块级别或组件级别）并将值设置为 false。

工作 stackblitz（参见 app.module.ts）here。