如何在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