angular:http-observables
차이
문서의 선택한 두 판 사이의 차이를 보여줍니다.
| 다음 판 | 이전 판 | ||
| angular:http-observables [2019/01/15 04:29] – 만듦 taekgu | angular:http-observables [2025/04/15 10:05] (현재) – 바깥 편집 127.0.0.1 | ||
|---|---|---|---|
| 줄 1: | 줄 1: | ||
| ===== HTTP and Observables ===== | ===== HTTP and Observables ===== | ||
| + | |||
| + | ==== Observables ==== | ||
| + | A sequence of items that arrive asynchronously over time. | ||
| + | HTTP call - single item | ||
| + | Single item - HTTP response | ||
| + | |||
| + | ==== HTTP, Observables and RxJS ==== | ||
| + | - HTTP Get request from EmpService | ||
| + | - Receive the observable and cast it into an employee array | ||
| + | - Subscribe to the observable from EmpList and EmpDetail | ||
| + | - Assign the employee array to a local variable | ||
| + | |||
| + | RxJS | ||
| + | * Reactive Extensions from Javascript | ||
| + | * External library to work with Obserables | ||
| + | |||
| + | <file javascript employee.service.ts> | ||
| + | import { Injectable } from ' | ||
| + | import { HttpClient, HttpErrorResponse } from ' | ||
| + | import { IEmployee } from ' | ||
| + | import { Observable } from ' | ||
| + | import { catchError, retry } from ' | ||
| + | |||
| + | // @Injectable({ | ||
| + | // | ||
| + | // }) | ||
| + | @Injectable() | ||
| + | export class EmployeeService { | ||
| + | private _url: string = "/ | ||
| + | |||
| + | constructor(private http: HttpClient) { } | ||
| + | |||
| + | getEmployees(): | ||
| + | return this.http.get< | ||
| + | .pipe( | ||
| + | catchError(this.errorHandler) | ||
| + | ); | ||
| + | } | ||
| + | errorHandler(error: | ||
| + | return Observable.throw(error.message || " | ||
| + | } | ||
| + | } | ||
| + | </ | ||
angular/http-observables.1547526581.txt.gz · 마지막으로 수정됨: 2025/04/15 10:05 (바깥 편집)