设置时间间隔后如何隐藏matTooltip?

时间:2019-03-20 16:54:43

标签: angular-material tooltip

我看过Angular官方材料设计工具提示页面,但是,如果用户长时间停留在对象上,似乎无法找到在设置的时间间隔后如何隐藏matTooltip的任何地方?是否有单独的内置属性?还是我需要某种解决方法?

它已按照文档中的说明导入到我的TS文件中,并且可以按预期方式工作,因此,我不在此处添加该部分代码。

我的HTML如下:

aes()

1 个答案:

答案 0 :(得分:0)

模板:

 <a #actionInfoTooltip="matTooltip" matTooltip="Info about the action" matTooltipPosition="right" (mouseenter)="hideTooltipIn(actionInfoTooltip, 3000)">
   <i class="fal-settings"></i> Settings
 </a>

组件:

import { MatTooltip } from '@angular/material';
...

hideTooltipIn(tooltip : MatTooltip, ms : number){
  setTimeout(() => tooltip.hide(), ms);
}