Can I catch certain errors before "subscribe ()" in RXJS observed in Angular2?

Is it possible for the base class to have catchcertain errors before letting the subclass subscribeobservable in Angular2.

eg.

export class SomeBaseClass {
    constructor(private _http: Http, private _location: Location) {}

    protected _fetchData(url): Observable<any> {
        const headers = new Headers();
        headers.append('Authorization', 'Token foo');
        return this._http.get(url, {headers})
            .map(response => response.json())
            .catch(response => this._handle401(error));
    }

    private _handle401(response: Response) {
        if(response.status === 401) {
            this._location.go('/login');
        }

        // What should this return?
    }
}

export class SomeClass extends SomeBaseClass {
    constructor( _http: Http,  _location: Location) {
        super(_http, _location);
    }

    doTheThing() {
        this._fetchData('/someUrl')
            .subscribe(
                response => this._handleResponse(response),
                error => this._handleErrorThatIsNot401(error));
    }

    private _handleResponse(response) {
        // ...
    }

    private _handleErrorThatIsNot401(error) {
        // ...
    }
}

I catchwhat am I looking for? Should I use map(or something else)? Or am I completely not mistaken about this?

Update

Both answers (so far) set me on the right path, ultimately - I solved it as follows:

protected _get(url: string, data?: any): Observable<any> {
    return super._get(url, data, this._authorizationHeader)
        .map(response => response.json())
        .catch(response => this._handle401(response));
}

private _handle401(response: Response): Observable<any> {
    try {
        if(response.status === 401) {
            this._router.navigateByUrl('/login');      
            return Observable.throw(response.status);  
        }
    } catch(err) {
        console.warn('AuthenticatedHttpService._handle401');
        console.error(err);
    }

    return Observable.of(response);
}
+4
source share
2 answers

.catch() is correct.

Observable , . , "", , .

+2

catch , , Observable catch.

:

Rx.Observable.of(42)
.do(v=>{throw new Error('test')})
.catch(Rx.Observable.of(undefined))
.filter(v=>{return v !== undefined})
.subscribe(
(e)=>{console.log('next', e)}, 
(e)=>{console.log('error', e)}, 
()=>{console.log('complete')}
);
+5

All Articles