Angular 2+ cache observable http result data

cached-service.ts

import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { Observable, ReplaySubject } from 'rxjs';

@Injectable()
export class CachedService {
    data$: Observable<any> = this.dataSubject.asObservable();

    private dataSubject = new ReplaySubject<any>(1);

    constructor(private http: HttpClient) {}

    fetch() {
        this.http.get('http://example.com')
            .subscribe(res => this.dataSubject.next(res));
    }
}
        
// ...

@Component({
    selector: 'app-some-component',
    template: '',
    styles: ''
})
export class SomeComponent implements OnInit {
    constructor(private service: CachedService) {}

    ngOnInit() {
        this.service.fetch();
        this.service.data$.subscribe((data) => {
            // ...
        });
    }
}