Me gustaría que el ExceptionHandler de Angular maneje cualquier error que ocurra en las llamadas a la API. El problema es que nunca llegan al método handleError de ExceptionHandler y no estoy seguro de qué debo hacer diferente.
// data.service.ts addItem(name: string): Observable<any> { return this.http.post(name) .map(this.extractData) .catch((error) => this.handleError(error)) .share(); } private handleError(error: any): any { const msg = `${error.status} - ${error.statusText}` // this did not work //throw new Error(msg); // also doesn't work return Observable.throw(new Error(msg)); } // item.component.ts const observable = this.dataService.addItem('test'); observable.subscribe( (success) => console.log('success'), (error) => { throw new Error('test'); // doesn't work } );Parece que la zona no puede detectar el error para pasarlo a Angular ErrorHandler. Puede ser que el mapa haga el truco.
return this.http.post(name) .map(this.extractData) .catch((error) => this.handleError(error)) .map(result=> { if(result === 'good one') { return 'good one'; } else { new Error(result);} }) .share();Ponlo así:
.catch(this.handleError);Ejemplo:
public fetch(url, env = null): Observable<any> { return this.http .get(this.buildURL(url, env)) .map(this.extractData) .catch(this.handleError); } private handleError(error: any) { let errMsg = (error.message) ? error.message : error.status ? `${error.status} - ${error.statusText}` : 'Server error'; console.error(errMsg); // log to console instead return Observable.throw(errMsg); }