Html 悬停后保持材质设计精简工具提示可见

将鼠标悬停在材质设计lite工具提示上后，是否可以将其保持打开状态？例如，用户可以单击其中的链接

<div id="myTooltip" class="icon material-icons">info</div>
<div class="mdl-tooltip mdl-tooltip--large" for="myTooltip">
  <a href="#">Here</a> is the further information.
</div>

info
这是进一步的信息。

您可以在

mouseleave

上停止隐藏工具提示，然后根据您需要的任何其他操作处理隐藏工具提示的操作

例如：

const tt1=document.querySelector（'#tt1'）；
tt1.addEventListener（'mouseleave'，（事件）=>{
事件。stopImmediatePropagation（）；
//手柄工具提示隐藏
});

材质设计精简工具提示
信息
然后是文本
工作正常！我应该如何在角度组件中执行此操作？我还没有使用角度组件。我建议使用angular组合一个最小的设置（比如这个），然后在遇到障碍时用该代码发布另一个问题。