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()" ...
这样,两种解决方案都适用于移动设备:长按和工具提示的单标签切换。
我使用 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()" ...
这样,两种解决方案都适用于移动设备:长按和工具提示的单标签切换。