Angular2 - Запутаться с областью закрытия наблюдаемого улова
Хотите знать, если вы можете оказать небольшую помощь. Кажется, я немного запутался, когда дело доходит до использованияcatch
сObservable
s.
В основном я пытаюсь сделать следующее: когда мой API возвращает ошибку 403, я хочу выполнить некоторые действия с моимTokenStore
, а именно, удалить локальный токен и пометить пользователя как не прошедшего проверку подлинности. Способ, которым я пытаюсь это сделать, может быть неправильным, поэтому, пожалуйста, дайте мне знать, если есть лучший способ сделать это.
Я пытаюсь сделать это с помощью следующего кода:
APIConnector.service.ts - единый сервис для методов связи API
import {Injectable} from 'angular2/core';
import {Http, Response, Headers, RequestOptions} from 'angular2/http';
import {Observable} from 'rxjs/Observable';
import * as _ from 'lodash';
import {Logger} from './logger.service';
import {TokenStore} from '../stores/token.store';
@Injectable()
export class APIConnector {
private _apiUrl:string = 'https://api.sb.zerojargon.com/';
private _token:string = null;
constructor(
private _http:Http,
private _logger:Logger,
private _tokenStore:TokenStore
) {}
get(endpoint:String, includes:Array<string>) {
let includeString = (!_.isUndefined(includes)) ? this._parseIncludes(includes) : '';
let headers = this._createHeaders();
let options = new RequestOptions({ headers: headers });
return this._http.get(this._apiUrl + endpoint + '?include=' + includeString, options);
}
post(endpoint:String, formData:Object, includes:Array<string>) {
let includeString = (!_.isUndefined(includes)) ? this._parseIncludes(includes) : '';
let body = JSON.stringify(formData);
let headers = this._createHeaders();
let options = new RequestOptions({ headers: headers });
return this._http.post(this._apiUrl + endpoint + '?include=' + includeString, body, options);
}
handleError(error: Response) {
// log out the user if we get a 401 message
if (error.json().error.http_code === 401) {
this._tokenStore.destroy();
}
return Observable.throw(error.json().error || 'Server error');
}
private _parseIncludes(includes:Array<String>) {
return includes.join();
}
private _createHeaders() {
return new Headers({ 'Content-Type': 'application/json', 'Authorization': 'bearer ' + localStorage.getItem('token') });
}
}
В каждом из моих сервисов, которые используют APIConnector, у меня есть методы catch наObservable
с, чтобы запуститьhandleError
закрытие. например
public createEvent(event:Object) {
let endpoint = this._endpoint;
return this._apiConnector.post('clients/'+this.client+'/events', event, this._defaultIncludes)
.map(res => {
return this._transformer.map('event', <Object[]>res.json());
})
.catch(this._apiConnector.handleError);
}
Тем не менее, это дает следующую ошибку:
ИСКЛЮЧЕНИЕ: TypeError: Невозможно прочитать свойство 'destroy' из неопределенного
Предположительно, это потому, что handleError является закрытием. Я не уверен, что лучший способ справиться с этим, хотя.
Любые мысли будут с благодарностью