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

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

原文由 AlejoDev 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

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

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

如果你喜欢使用

包装器或锚点 或图像

祝你好运

原文由 Carlos E 发布，翻译遵循 CC BY-SA 4.0 许可协议