Angular는 다양한 공통 비동기 작업을 처리 할 수있는 인터페이스로 observables를 사용합니다. 예 :

• EventEmitter 클래스는 Observable을 확장합니다.
• HTTP 모듈은 observables를 사용하여 AJAX 요청과 응답을 처리합니다.
• 라우터 및 폼 모듈은 관찰 가능을 사용하여 사용자 입력 이벤트를 수신하고 응답합니다.

Angular는 @Output () 데코레이터를 통해 구성 요소의 값을 게시 할 때 사용되는 EventEmitter 클래스를 제공합니다. EventEmitter는 Observable을 확장하고 emit () 메서드를 추가하여 임의의 값을 보낼 수 있도록합니다. emit ()을 호출하면 방출 된 값을 가입 된 관찰자의 next () 메서드로 전달합니다.

사용법의 좋은 예는 EventEmitter 문서에서 찾을 수 있습니다. 다음은 열기 및 닫기 이벤트를 수신하는 예제 구성 요소입니다.

<zippy (오픈) = “onOpen ($ 이벤트)”(닫기) = “onClose ($ 이벤트)”> </ zippy>

구성 요소 정의는 다음과 같습니다.