Angular 템플릿에서 이벤트 핸들러의 Event 객체
이벤트 핸들러에서는
Event 객체를 얻을 수 있습니다.
이를 위해서는 바인딩된 메서드의 매개변수에 특수 변수 $event
(앞에 달러 기호 포함)를 전달해야 합니다:
<button (click)="show($event)">
button
</button>
이제 전달된 객체를 클래스 메서드에서 얻어봅시다:
export class AppComponent {
public show(event: MouseEvent): void {
console.log(event);
}
}
클릭 시 이벤트 객체를 얻어 콘솔에 출력하세요.
화면에서 클릭한 좌표를 얻으세요.
