Angular 템플릿의 Event 객체와 매개변수

$event 변수를 다른 매개변수와 결합할 수 있습니다. 이때 값의 순서는 중요하지 않습니다 - Angular는 $event가 작성된 매개변수에 이벤트 객체를 자동으로 삽입합니다.

예제를 통해 살펴보겠습니다. 문자열과 이벤트 객체를 매개변수로 전달해 보겠습니다:

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

컴포넌트 클래스 메서드의 매개변수로 전달된 값을 캐치해 보겠습니다:

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

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