如何在角度 6 的文件的 img 图标中使用 mouseover 事件？

【问题标题】：how to use mouseover event in a img icon of a file in angular 6?如何在角度 6 的文件的 img 图标中使用 mouseover 事件？
【发布时间】：2018-09-09 19:02:18
【问题描述】：

<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>

鼠标悬停时不显示内容。有人可以说我做错了什么吗？

【问题讨论】：

当您说“鼠标悬停时不显示内容。”。您希望展示什么内容？
@Afsa 我需要显示 xx 中的值。
这不是鼠标悬停的作用。它用于将函数绑定到鼠标悬停事件。

标签： html angular angular6

【解决方案1】：

(mouseover) 是一个事件处理程序，它期望执行一个函数并传递一个鼠标事件。如果要显示带有文本值的工具提示，请使用 HTML Title Attribute

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

您可以使用 Angulars template syntax 动态显示文本：

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

【讨论】：

没问题@sasi，如果你能将答案标记为已解决，那就太好了:)