Angular
RXJS och Observables

Vänta på flera förfrågningar

Ett vanligt scenario är att vänta på att ett antal förfrågningar slutförs innan du fortsätter. Detta kan uppnås med metoden forkJoin .

I följande exempel används forkJoin för att kalla två metoder som returnerar Observables . Den återuppringning som anges i .subscribe metoden kommer att .subscribe när båda observablerna är slutförda. Parametrarna som tillhandahålls av .subscribe matchar den ordning som anges i samtalet till .forkJoin . I detta fall tags första posts sedan.

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

Grundläggande begäran

Följande exempel visar en enkel HTTP GET-begäran. http.get() returnerar en Observable som har metoden subscribe . Den här lägger till de returnerade uppgifterna till posts array.

var posts = []

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