Angular 템플릿에서 이벤트 핸들러의 Event 객체

이벤트 핸들러에서는 Event 객체를 얻을 수 있습니다. 이를 위해서는 바인딩된 메서드의 매개변수에 특수 변수 $event (앞에 달러 기호 포함)를 전달해야 합니다:

app/app.component.html<button (click)="show($event)">
  button
</button>

이제 전달된 객체를 클래스 메서드에서 얻어봅시다:

app/app.component.tsexport class AppComponent {
  public show(event: MouseEvent): void {
    console.log(event);
  }
}