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

时间:2019-04-10 03:38:33

标签: input mobile icons tooltip material

我将angular 7与材质一起使用,我想在最终使用的matSuffix中创建带有信息图标的输入字段,这是一个工具提示。它可以在台式机上运行,​​但不能在手机上运行。

我创建了一个堆叠闪电战:https://angular-ncv2mp.stackblitz.io/ 我也尝试过与按钮配合使用,但是它也不起作用。

有人可以帮助我吗?

2 个答案:

答案 0 :(得分:0)

当我们在桌面上进行工具提示显示时,将鼠标悬停在该特定元素上。

但是在移动设备上-长按该特定元素时,工具提示会起作用。请尝试这个。

如果这不起作用,请更新,我将提供其他方式。

答案 1 :(得分:0)

默认情况下,长按手势即可在手机上正确打开MatTooltip。

但是我也建议通过单击按钮来实现工具提示的切换隐藏/显示,就像这样-因为许多移动用户不知道他们需要长按才能看到工具提示:

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

通过这种方式,两种解决方案都可以在移动设备上运行:长按和工具提示的单个选项卡切换。