키입력, 마우스이동, 클릭, 터치등 사용자 이벤트에 반응할 수 있다.
<button (click)="delete()">Delete</button>
좌항은 소괄호안에 이벤트명을 지정하고 우항은 템플릿실행문을 지정한다.
EventEmitter로 커스텀 이벤트 생성하기
하위컴포넌트에서 상위컴포넌트로 데이터흐름을 만들기위한 1가지 방법으로 EventEmitter를 사용한다.
@Output() deleteRequest = new EventEmitter<Item>();
상위컴포넌트에 공개할 EventEmitter객체를 생성하는데 이것은 옵저버블객체역활을 한다.
상위컴포넌트에서는 공개된 옵저버블 프로퍼티에 구독을 담당하는 템플릿실행문을 정의한다.
하위컴포넌트에서는 이벤트발생시 EventEmitter.emit(data)로 데이터를 방출하면 된다.