将单击事件添加到 Angular 4 中的图像

Question

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

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

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

Answer 1

您可以在此处查看所有可能的方法的工作示例：

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

祝你好运