1
2
3
4
5
6
7
8
9
10
11
import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { shareReplay } from 'rxjs/operators';

@Injectable()
export class ShareReplayDataService {
    getData$ = this.http.get('https://jsonplaceholder.typicode.com/posts/3')
                        .pipe(shareReplay(1));

    constructor(private http: HttpClient) { }
}

1
2
3
4
5
6
7
8
9
10
11
    ...

    constructor(
        private shareReplayDataService: ShareReplayDataService
    ) { }

    shareReplayHttpCall() {
        this.shareReplayDataService.getData$.subscribe(console.log);
    }

    ...