Angular
RXJS en Observables

Wacht op meerdere verzoeken

Een veel voorkomend scenario is wachten tot een aantal aanvragen is voltooid voordat u doorgaat. Dit kan worden bereikt met behulp van de forkJoin methode .

In het volgende voorbeeld forkJoin wordt gebruikt om twee methoden die terugkeren noemen Observables . De callback die is opgegeven in de .subscribe methode wordt aangeroepen wanneer beide Observables zijn voltooid. De parameters die door .subscribe worden geleverd, .subscribe overeen met de volgorde die is opgegeven in de aanroep naar .forkJoin . In dit geval eerst posts vervolgens tags .

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

Basisverzoek

In het volgende voorbeeld wordt een eenvoudig HTTP GET-verzoek getoond. http.get() retourneert een Observable met de methode subscribe . Deze voegt de geretourneerde gegevens toe aan de posts .

var posts = []

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