如何在vs代码中显示自定义指令的工具提示消息

Question

我创建了一个自定义指令，如app-subscriber。如果我鼠标悬停，我想显示工具提示消息，如“这是订阅者和需要邮件ID”。我们怎么做到的？可能吗？需要创建新的vs代码扩展？任何人如果知道想法..请与我分享。

Stackblitz：https://stackblitz.com/edit/github-qeasdu-7kqv5z?file=src/app/app.component.html

Answer 1

你可以使用Material Tooltip。我看到你已经安装了Angular Material，所以你需要做的就是：

1. 在AppModule中导入BrowserAnimationsModule
2. 在AppModule中导入MatTooltipModule
3. 在组件模板中使用它，如下所示：matTooltip="This is for subscriber and need mail id"应该显示工具提示的元素。

Updated Stackblitz