Angular
RXJS und Observables

Warten Sie auf mehrere Anfragen

Ein häufiges Szenario besteht darin, auf eine Reihe von Anforderungen zu warten, bevor Sie fortfahren. Dies kann mit der forkJoin Methode erreicht werden .

Im folgenden Beispiel werden mit forkJoin zwei Methoden aufgerufen, die Observables . Der in der .subscribe Methode angegebene Rückruf wird aufgerufen, wenn beide Observables abgeschlossen sind. Die von .subscribe angegebenen Parameter .subscribe mit der Reihenfolge überein, die im Aufruf von .forkJoin . In diesem Fall erste posts dann tags .

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

Grundanforderung

Das folgende Beispiel veranschaulicht eine einfache HTTP-GET-Anforderung. http.get() gibt ein Observable das die Methode subscribe . Dieses fügt die zurückgegebenen Daten an das posts Array an.

var posts = []

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