Http request made multiple times in Angular2 service

Question

I have created a service that makes a simple GET request:

private accountObservable = null;

constructor(private _http: Http) {
}

getAccount () {
    // If          


        

Answer 1

The updated solution is:

1) Change your getAccount() method to use share:

getAccount () {
    // If we have account cached, use it instead
    if (this.accountObservable === null) {
        this.accountObservable = this._http.get('http://localhost/api/account')
            .pipe(share())
            .map(res =>  res.json().data)
            .catch(this.handleError);
    }

    return this.accountObservable;
}

2) Add import { share } from 'rxjs/operators'; to the top of your .ts file to get rid of the error on share.