angular 5 - как использовать подсказку Angular Material

Question

Я перехожу по этой ссылке, чтобы реализовать подсказку под углом 5.

https://material.angular.io/components/tooltip/api

Но я не понимаю, как на практике это реализовать.

любое тело может добавить пример ts и html-файлов о том, как его реализовать?

edit

Спасибо за все быстрые ответы.

Я пытаюсь добавить это в мой HTML:

  <button mat-raised-button matTooltip="Info about the action" aria-label="Button that displays a tooltip">

  </button>

и это в TS:

import {MatTooltipModule} from '@angular/material';

, но теперь я получаю эту ошибку в консоли:

Ошибка: префикс «mat-» нельзя использовать в режиме совместимости с ng-material v1.Он был использован на элементе «кнопки».Ошибка: префикс «mat-» нельзя использовать в режиме совместимости с ng-material v1.Он был использован на элементе "кнопки"

любой Боде знает, почему?спасибо!

Answer 1

Решение: -

<button mat-raised-button
        matTooltip="Info about the action"
        aria-label="Button that displays a tooltip when focused or hovered over">
  Action
</button>

import {MatTooltipModule} из '@ angular / material';

Ссылка: -

https://stackblitz.com/edit/angular-material-with-angular-v5-xfs8ur?file=app/app.component.html

https://stackblitz.com/edit/angular-cvtwy1?file=material-module.ts

Answer 2

Вам необходимо импортировать MatTooltipModule из @angular/material

import { MatTooltipModule} from '@angular/material';

и везде, где вы хотите использовать всплывающую подсказку, используйте matTooltip

<button mat-raised-button matTooltip="Tooltip Display" matTooltipShowDelay="1000"
matTooltipHideDelay="2000" aria-label="displays a tooltip">
  Tooltip Button
</button>

STACKBLITZ DEMO