Angular
RXJS y Observables

Espera múltiples solicitudes

Un escenario común es esperar a que finalicen varias solicitudes antes de continuar. Esto se puede lograr utilizando el método forkJoin .

En el siguiente ejemplo, forkJoin se usa para llamar a dos métodos que devuelven Observables . La devolución de llamada especificada en el método .subscribe se llamará cuando ambos Observables se hayan completado. Los parámetros proporcionados por .subscribe coinciden con el orden dado en la llamada a .forkJoin . En este caso, primero posts luego tags .

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

Solicitud basica

El siguiente ejemplo muestra una solicitud HTTP GET simple. http.get() devuelve un Observable que tiene el método subscribe . Este anexa los datos devueltos a la matriz de posts .

var posts = []

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