Angular 템플릿에서 이벤트 핸들러 바인딩

Angular에서 이벤트 핸들러는 특별한 방식으로 태그에 바인딩됩니다 - 속성을 사용합니다. 괄호 안에 이벤트 이름이 지정되고, 속성 값에는 해당 이벤트 발생 시 실행될 컴포넌트 클래스의 메서드가 호출됩니다.

예를 들어, 버튼 클릭 시 컴포넌트 클래스의 show 메서드가 실행되도록 해보겠습니다:

<button (click)="show()">
	button
</button>

이제 컴포넌트 클래스에서 show 메서드의 구현을 작성해 보겠습니다:

export class AppComponent {
	public show(): void {
		alert('test');
	}
}

두 개의 버튼을 만드세요. 첫 번째 버튼을 클릭하면 사용자에게 인사하고, 두 번째 버튼을 클릭하면 작별 인사를 하세요.