Material 带图标的工具提示在手机上不起作用

Material tooltip with icon does not work on mobile phones

我使用 angular 7 和 material,我想创建一个带有信息图标的输入字段,最后使用工具提示 matSuffix。桌面端可以用,手机端不行。

我创建了一个 stackblitz:https://angular-ncv2mp.stackblitz.io/ 我也尝试过使用 with 按钮,但它也不起作用。

有人可以帮我吗?

当我们在桌面上工作时 - 鼠标悬停在该特定元素上后立即显示工具提示。

但在 移动设备上 - 长按 特定元素时工具提示有效。请试试这个。

如果这不起作用请更新我会提供一些其他方法。

默认情况下,MatTooltip 在移动设备上可以通过长按手势正确打开。

但我还建议在点击按钮时实现工具提示的切换 hide/show,就像这样 - 因为许多移动用户不明白他们需要长按才能看到工具提示:

<button type="button" matTooltip="I am a tooltip!" #tooltip="matTooltip" (click)="tooltip.toggle()" ...

这样,两种解决方案都适用于移动设备:长按和工具提示的单标签切换。