使用 Angular 2.x 的可点击图像

Question

在 HTML 我想制作一个可点击的图像，然后使用 Angular 指令调用 TypeScript 函数。我正在使用 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 完成？

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

Answer 1

在 Angular ²⁄₄ 中，您使用的事件绑定

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

这记录在这里： https ://angular.io/docs

原文由 Günter Zöchbauer 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

更改此代码：

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

原文由 omer cohen 发布，翻译遵循 CC BY-SA 3.0 许可协议