角4余分なパラメータで$イベントをクリック

Question

clickイベントで$ eventパラメータを取得し、余分なパラメータデータをコンポーネントメソッドに渡すことはできますか？

例のテンプレート：

<div *ngFor="let item of data" (click)="onItemClick($event, item)"> 
    {{ item.Name }} 
</div> 

例コンポーネント：

onItemClick(event, item) { 
    // do something 
} 

Answer 1

はいそれは正常に動作します。コンソールの中にconsole.logを入れてチェックしてください。

onItemClick(event, item) 
{ 
    console.log("Event: ",event,"Item: ",item); 
} 

Answer 2

はい、問題ありません。しかし、パラメータの順序は同じにしておきます。

<div *ngFor="let item of data" (click)="onItemClick($event, item)"> 

この場合、2番目の要素は渡された要素です。

onItemClick(event, item) 
{ 
    console.log("Checking passed item: ",item); 
}