이벤트바인딩

lee jae hwan·2022년 9월 12일

앵귤러

목록 보기
45/83

키입력, 마우스이동, 클릭, 터치등 사용자 이벤트에 반응할 수 있다.

<button (click)="delete()">Delete</button>

좌항은 소괄호안에 이벤트명을 지정하고 우항은 템플릿실행문을 지정한다.

EventEmitter로 커스텀 이벤트 생성하기

하위컴포넌트에서 상위컴포넌트로 데이터흐름을 만들기위한 1가지 방법으로 EventEmitter를 사용한다.

@Output() deleteRequest = new EventEmitter<Item>();

상위컴포넌트에 공개할 EventEmitter객체를 생성하는데 이것은 옵저버블객체역활을 한다.

상위컴포넌트에서는 공개된 옵저버블 프로퍼티에 구독을 담당하는 템플릿실행문을 정의한다.

하위컴포넌트에서는 이벤트발생시 EventEmitter.emit(data)로 데이터를 방출하면 된다.

0개의 댓글