Как использовать событие при наведении курсора на иконку img файла в angular 6?

Question

<td>
 <img src="Icon_download.svg" (click)='downl(item.csv")' (mouseover)="xx">
 <img src="icon_download_red.svg" (click)='downl(item2.csv")' (mouseover)="yy">
</td>

Не отображается содержимое при наведении курсора. Может кто-нибудь сказать, что я делаю не так?

Answer 1

(mouseover) - обработчик события, он ожидает выполнения функции и передает событие мыши. Если вы хотите отобразить всплывающую подсказку с текстовым значением, используйте атрибут заголовка HTML

<img src="Icon_download.svg" (click)='downl(item.csv")' title="xx">

Вы можете отображать текст динамически, используя Angulars Синтаксис шаблона :

<img src="Icon_download.svg" (click)='downl(item.csv")' [title]="xx()">