首页 > 解决方案 > 如何在 vs 代码中显示自定义指令的工具提示消息

问题描述

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

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

标签: visual-studio-codevscode-extensions

解决方案


您可以为此使用材质工具提示。我看到你已经安装了 Angular Material,所以你需要做的就是:

  1. 在 AppModule 中导入 BrowserAnimationsModule
  2. 在您的 AppModule 中导入 MatTooltipModule
  3. 像这样在组件模板中使用它:matTooltip="This is for subscriber and need mail id"在应该显示工具提示的元素上。

更新了 Stackblitz


推荐阅读