Angular 2.x的可点击图片

Question

在HTML中我想创建一个可点击的图像，然后使用TypeScript指令调用Angular函数。我正在使用Angular版本2.4.10。

我尝试了各种代码片段但没有工作，我总是收到警告Attribute ng-click is not allowed here：

<a ng-click="myTypeScriptFunction()"> <img src="url-to-my-image"/></a>

使用onClick()和alert()对话框可以正常使用：

<a onClick="alert('It worked');"> <img src="url-to-my-image"/></a>

如何使用Angular完成？

Answer 1

在Angular 2/4中，您可以使用

进行事件绑定

<a (click)="myTypeScriptFunction()"> ... </a>

此处记录了这些内容：https://angular.io/docs

Answer 2

更改此代码：

<a (click)="myTypeScriptFunction()"> <img src="url-to-my-image"/></a>

Answer 3

您应该使用click事件绑定

<button (click)="yourMethod()"> <img src="url-to-my-image"/></button>