1

すべての Http リクエストに対してカスタム インターセプターを作成しました。

import {EventEmitterService} from "./EventEmitter.service";

@Injectable()
export class CustomHttp extends Http {
    constructor(backend: ConnectionBackend, defaultOptions: RequestOptions, _eventEmitterService:EventEmitterService) {
        super(backend, defaultOptions);
    }
 get(url: string, options?: RequestOptionsArgs): Observable<Response> {
        return super.get(url,{headers: interceptorHeaders}).catch((res)=>{
            if (res.status === 403){
                console.log("Interceptor here")
                this._eventEmitterService.logout.emit("403");
            }
            return Observable.of(res);
        });
    }
}

これはうまく機能します-サーバーから403応答を受信するたびに、次のようになります:

Interceptor here

私のコンソールで。

EventEmitterServiceただし、 catch 関数への挿入には問題があります。その中にいるときはいつでもアクセスできません-コンストラクターをデバッグするときでも、CustomHttp一部の にしかアクセスできません-が注入されていることがわかります。ObservableEventEmitterService

これが私が注入する方法ですEventEmitterService：

bootstrap(App,[...,
EventEmitterService,
    new Provider(Http, {
        useFactory: (backend: XHRBackend, defaultOptions: RequestOptions, _eventEmitterService:EventEmitterService) => new CustomHttp(backend, defaultOptions,_eventEmitterService),
        deps: [XHRBackend, RequestOptions,EventEmitterService]
    }),...]);
4

1 に答える 1

2

おそらく、コンストラクターのパラメーターのprivateレベルでキーワードを見逃しただけです。_eventEmitterServiceCustomHttp

export class CustomHttp extends Http {
constructor(backend: ConnectionBackend,
            defaultOptions: RequestOptions,
            private _eventEmitterService:EventEmitterService) { // <----
  super(backend, defaultOptions);
}
于 2016-03-17T12:21:52.387 に答える