【Angular】複数のObservableの完了を待って処理するforkJoin

forkJoinメソッドで複数の処理の完了を待って処理する

複数の処理の完了後に何かの処理を実行したい場合にはRxJSのforkJoinメソッドが使えます。

サンプルコード

import

必要なライブラリをrxjsからimportする。

import { forkJoin, Observable } from 'rxjs';

code

        // forkJoinにメソッドを追加する。

        const forkJoin$ = forkJoin({
            data1: this.service1(),
            data2: this.service2(),
            data3: this.service3()
        });

       // forkJoinに設定した全てのメソッドの戻り値をsubscribeで受け取る

       forkJoin$.subscribe(
            res => {
                this.data1 = res.data1;
                this.data2 = res.data2;
                this.data3 = res.data1;
            }
        );

読者さん募集中

記事を気に入ったら読者登録をお願いします！

読者になる