My attempt to create an api call from a remote server and then, if an error occurs, make another request from my local server is not working as expected. I am encountering errors and need help to determine if my approach is feasible.
Here is the code snippet from my service:
constructor(private _http: Http) { }
getAll(): Observable<any> {
let result: any;
this._http.get(url)
.map((response: Response) => result = <any>response.json())
.catch(this.getAllFromBackup);
return result;
}
getAllFromBackup(): Observable<any> {
return this._http.get(url)
.map((response: Response) => <any>response.json())
.catch(this.handleError);
}
private handleError(error: Response) {
console.error(error);
return Observable.throw(error);
}
In my component, I have subscribed to the response:
export class JobComponent implements OnInit {
allJobs: any;
statusMasage: string = 'Loading you data...';
constructor(private _jobService: JobService) { }
ngOnInit() {
this._jobService.getAll()
.subscribe((jobData) => { console.log(jobData), this.allJobs = jobData },
(error) => { this.statusMasage = 'There is propblem with the service please try again later.'});
}
}