コンポーネントにmouseeventを渡しますonclick

Question

私はAngularコンポーネントでマウス座標を取得しようとしています。

onClick(ev : MouseEvent) { 
    console.log("x:" + ev.clientX); 
} 

とコンソールにエラー：

Cannot read property 'clientX' of undefined' 

ここ

<div id="container" class="fullSize" style="height:100%;" (click)="onClick(ev)"></div> 

は、対応するtypescriptファイル内のコンポーネントの機能である：ここで

は、問題のhtmlですMouseEventをコンポーネント関数に渡す正しい方法は何でしょうか？

Answer 1

$eventを使用して、MouseEventオブジェクトをクリックハンドラに渡す必要があります。

だから、単に書く：

(click)="onClick($event)" 

あなたは私のヒーローだ

• https://angular.io/guide/template-syntax#event-and-event-handling-statements