时间戳

首页 > 解决方案 > 在Angular 4中将点击事件添加到图像

html - 在Angular 4中将点击事件添加到图像

问题描述

我需要在角度组件中向图像添加点击事件。我试过了：

<img src="../../assets/add.svg" width="18" height="18" (click)="addItem()">

但这不起作用。如果像这样将图像放在按钮内：

<button type="button" class="btn_img" (click)="addItem()">
  <img src="../../assets/add.svg" width="18" height="18"> 
 </button>

它看起来像一个里面有图像的按钮，我不想要这个，我希望它看起来像：

<img src="../../assets/add.svg" width="18" height="18">

但这就像：

<button type="button" class="btn_img" (click)="addItem()">
  <img src="../../assets/add.svg" width="18" height="18"> 
 </button>

我怎么能得到这个，你如何在角度做到这一点？

标签： htmlcssangular

解决方案

您可以在这里看到一个工作示例，其中包含所有可能的方式：

https://stackblitz.com/edit/angular-kvsjre?file=src%2Fapp%2Fapp.component.html

如果你喜欢使用 <div> 包装器或锚点 <a> 或图像

祝你好运

推荐阅读