Angular
RXJS и наблюдаемые

Подождите несколько запросов

Один из распространенных сценариев - дождаться завершения ряда запросов до продолжения. Это может быть выполнено с использованием метода forkJoin .

В следующем примере forkJoin используется для вызова двух методов, возвращающих Observables . Обратный вызов, указанный в методе .subscribe будет вызываться, когда оба Observables завершены. Параметры, предоставленные .subscribe соответствуют порядку, указанному в вызове .forkJoin . В этом случае сначала posts tags .

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

Основной запрос

Следующий пример демонстрирует простой HTTP-запрос GET. http.get() возвращает Observable , который имеет метод subscribe . Это добавляет возвращаемые данные в массив posts .

var posts = []

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