Anklickbares Bild mit Angular 2.x

Question

In HTML möchte ich ein anklickbares Bild machen, das dann eine TypeScript Funktion unter Verwendung einer Angular Direktive aufruft. Ich verwende Angular Version 2.4.10.

Ich habe versucht, verschiedene Schnipsel aber nicht gearbeitet, und ich bekomme immer die Warnung Attribute ng-click is not allowed here:

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

Mit onClick() und ein alert() Dialog es funktioniert:

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

Wie kann es mit Angular erfolgen ?

Answer 1

In Angular 2/4 für Ereignisbindung Sie

verwenden

<a (click)="myTypeScriptFunction()" 

Bitte überprüfen Sie die Dokumentation, bevor solche grundlegenden Fragen https://angular.io/docs

Answer 2

Änderung für diesen Code:

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

Answer 3

Sie sollten mit click Ereignisbindung

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