Clickable image with Angular 2.x

Question

HTMLAngularディレクティブを使用してTypeScript関数を呼び出すクリック可能なイメージを作成したいとします。私はAngularバージョン2.4.10を使用しています。

私は様々なスニペットを試みたが、どれも働いていないと私は常に警告Attribute ng-click is not allowed here取得：onClick()で

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

をし、それが正常に動作しますalert()ダイアログ：それはAngularで行うことができますどのように

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

？

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

Answer 1

あなたがそのような基本的な質問https://angular.io/docsこのコードの

Answer 2

変更を尋ねる前にドキュメントを確認してください

<a (click)="myTypeScriptFunction()" 

を使用して結合 clickイベントバインディングを使用します。

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

Answer 3

あなたは次のようになります。イベントの角2/4で