문서의 선택한 두 판 사이의 차이를 보여줍니다.
| 양쪽 이전 판이전 판다음 판 | 이전 판 | ||
| angular:observable_rxjs:observableinangular [2019/03/02 13:58] – [Event emitter] taekgu | angular:observable_rxjs:observableinangular [2025/04/15 10:05] (현재) – 바깥 편집 127.0.0.1 | ||
|---|---|---|---|
| 줄 8: | 줄 8: | ||
| ===== Event emitter ===== | ===== Event emitter ===== | ||
| - | Angular는 @Output () 데코레이터를 통해 구성 요소의 값을 게시 할 때 사용되는 EventEmitter 클래스를 제공합니다. EventEmitter는 Observable을 확장하고 emit () 메서드를 추가하여 임의의 값을 보낼 수 있도록합니다. emit ()을 호출하면 방출 된 값을 가입 된 관찰자의 next () 메서드로 전달합니다. | + | Angular는 @Output() 데코레이터를 통해 구성 요소의 값을 게시 할 때 사용되는 EventEmitter 클래스를 제공합니다. EventEmitter는 Observable을 확장하고 emit() 메서드를 추가하여 임의의 값을 보낼 수 있도록합니다. emit()을 호출하면 방출 된 값을 가입 된 관찰자의 next() 메서드로 전달합니다. | 
| 사용법의 좋은 예는 EventEmitter 문서에서 찾을 수 있습니다. 다음은 열기 및 닫기 이벤트를 수신하는 예제 구성 요소입니다. | 사용법의 좋은 예는 EventEmitter 문서에서 찾을 수 있습니다. 다음은 열기 및 닫기 이벤트를 수신하는 예제 구성 요소입니다. | ||
| - | <zippy (오픈) = " | + | <zippy (open)=" | 
| 구성 요소 정의는 다음과 같습니다. | 구성 요소 정의는 다음과 같습니다. | ||
| 줄 43: | 줄 43: | ||
| ===== HTTP ===== | ===== HTTP ===== | ||
| - | Angular의 HttpClient는 HTTP 메서드 호출에서 관찰 가능 항목을 반환합니다. 예를 들어 http.get ( '/ api' | + | Angular의 HttpClient는 HTTP 메서드 호출에서 관찰 가능 항목을 반환합니다. 예를 들어 http.get('/ | 
| - | Observables는 서버 응답을 변경하지 않습니다 (약속에 대한 .then () 호출을 통해 발생할 수 있음). 대신 일련의 연산자를 사용하여 필요에 따라 값을 변환 할 수 있습니다. | + | * Observables는 서버 응답을 변경하지 않습니다 (약속에 대한 .then() 호출을 통해 발생할 수 있음). 대신 일련의 연산자를 사용하여 필요에 따라 값을 변환 할 수 있습니다. | 
| - | HTTP 요청은 unsubscribe () 메소드를 통해 취소 할 수 있습니다. | + |  | 
| - | 진행 상황 이벤트 업데이트를 가져 오기 위해 요청을 구성 할 수 있습니다. | + |  | 
| - | 실패한 요청은 쉽게 재 시도 될 수 있습니다. | + |  | 
| ===== Async pipe ===== | ===== Async pipe ===== | ||
| 줄 57: | 줄 57: | ||
| @Component({ | @Component({ | ||
| selector: ' | selector: ' | ||
| - | template: `< | + | template: `< | 
| Time: {{ time | async }}</ | Time: {{ time | async }}</ | ||
| }) | }) | ||