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

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

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

<button (click)="show('eee', $event)">
	button
</button>

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

export class AppComponent {
	public show(arg: string, event: MouseEvent): void {
		console.log(event);
	}
}

전달된 매개변수를 변수로 캐치하세요:

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