Angular
RXJS 및 Observables

여러 요청을 기다립니다.

한 가지 일반적인 시나리오는 계속하기 전에 여러 요청이 완료 될 때까지 기다리는 것입니다. 이것은 forkJoin 메소드를 사용하여 수행 할 수 있습니다.

다음 예제에서는 forkJoin 을 사용하여 Observables 를 반환하는 두 개의 메서드를 호출합니다. Observable이 완료되면 .subscribe 메소드에 지정된 콜백이 호출됩니다. 에서 제공하는 매개 변수 .subscribe 호출에 지정된 순서와 일치 .forkJoin . 이 경우 첫 번째 posts 이 tags 됩니다.

loadData() : void {
    Observable.forkJoin(
        this.blogApi.getPosts(),
        this.blogApi.getTags()
    ).subscribe((([posts, tags]: [Post[], Tag[]]) => {
        this.posts = posts;
        this.tags = tags;
    }));
}

기본 요청

다음 예제에서는 간단한 HTTP GET 요청을 보여줍니다. http.get() 은 subscribe 메소드가있는 Observable 을 리턴합니다. 이 배열은 반환 된 데이터를 posts 배열에 추가합니다.

var posts = []

getPosts(http: Http): {
    this.http.get(`https://jsonplaceholder.typicode.com/posts`)
        .subscribe(response => {
            posts.push(response.json());
        });
}