Как показать подсказку для пользовательской директивы в коде

Question

Я создал одну пользовательскую директиву, например app-subscriber. Если навести курсор мыши, я хочу показать всплывающую подсказку типа «Это для подписчика и нужен почтовый идентификатор».Как мы можем это сделать?Является ли это возможным?Нужно создать новое расширение против кода?Кто-нибудь, если знаете идею .. пожалуйста, поделитесь со мной.

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

Answer 1

Вы можете использовать Material Tooltip для этого.Я вижу, вы уже установили Angular Material, поэтому все, что вам нужно сделать, это:

1. Импорт BrowserAnimationsModule в вашем AppModule
2. Импорт MatTooltipModule в вашем AppModule
3. использовать его в своемШаблон компонента выглядит так: matTooltip="This is for subscriber and need mail id" на элементе, который должен показывать подсказку.

Обновлен Stackblitz