在Angular中使用hostlistener添加Material工具提示

时间:2019-06-03 15:34:26

标签: angular typescript angular-material angular6

我需要在运行时在div元素中添加材质工具提示。我正在使用hostlistener来实现相同目的,但未显示工具提示。

我使用setAttributeNS在div类中添加了matTooltip和matTooltipPosition。我已经导入了MatTooltipModule和BrowserAnimationsModule。

@HostListener ('mouseover' , ['$event']) onMouseOver($event) {
if ($event.target.className === 'test'){
 let ele = $event.target;
 ele.setAttributeNS(null, 'matTooltip', tooltipText);
 ele.setAttributeNS(null, 'matTooltipPosition', above);
 }
}

我希望工具提示能够显示,但是什么也没有发生。我可以看到正在检查中添加的类,但仍然没有任何反应。

0 个答案:

没有答案