Angular
RXJSとObservables

複数のリクエストを待つ

1つの一般的なシナリオは、続行する前にいくつかの要求が完了するのを待つことです。これは、 forkJoinメソッドを使用して実行できます。

次の例では、 Observablesを返す2つのメソッドを呼び出すためにforkJoinが使用されています。両方のObservableが完了すると、 .subscribeメソッドで指定されたコールバックが呼び出されます。 .subscribeによって提供されるパラメータは、 .subscribeで指定された.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()は、 subscribeメソッドを持つObservableを返します。これは返されたデータをposts配列に追加します。

var posts = []

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