当鼠标离开按钮时立即隐藏垫子工具提示

Question

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

当按钮悬停时，它会显示工具提示并与相邻控件重叠，直到鼠标移离工具提示为止不允许单击

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

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

Answer 1

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

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

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

在此处工作 stackblitz（请参阅 app.module.ts）。