Angular
RXJS et observables

Attendez plusieurs demandes

Un scénario courant consiste à attendre que plusieurs requêtes se terminent avant de continuer. Cela peut être accompli en utilisant la méthode forkJoin .

Dans l'exemple suivant, forkJoin est utilisé pour appeler deux méthodes qui renvoient des Observables . Le rappel spécifié dans la méthode .subscribe sera appelé lorsque les deux observables seront terminés. Les paramètres fournis par .subscribe correspondent à l'ordre donné dans l'appel à .forkJoin . Dans ce cas, posts abord posts tags .

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

Demande de base

L'exemple suivant illustre une simple requête HTTP GET. http.get() renvoie un objet Observable auquel la méthode est subscribe . Celui-ci ajoute les données renvoyées au tableau des posts .

var posts = []

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