Toastrをhttp catch機能の中に追加するには？

Question

私のhandlerError関数内にtoastrを持つ方法を理解しようとするのに問題があります。私はそれを実行すると、私は受信エラーが

未定義の

'エラー' はここでは

post(url, data): Observable<any> {  
    this.toastrService.error('hey'); // <-- This works 
return this.http.post(CONSTANT.API_URL + url, data, { 
    headers: this.createAuthorizationHeader() 
}). 
    map((res:Response) => { return this.toCamel(res.json()) }). 
    catch(this.handlerError); 
} 

Toastrのように呼ばれている私のコード

private handlerError(error: any) { 

    var errorMessage = 'Server error'; 

    this.toastrService.error(errorMessage); <-- This doesn't work 

    return Observable.throw(errorMessage); 
} 

です注入中

constructor(private http: Http, private toastrService: ToastrService) {} 

Answer 1

変更

catch(this.handlerError); 

あなたはhandlerError方法でthis.handlerErrorあなたのこのオブジェクトのように呼び出す

catch(error => this.handlerError(error)) 

には、Window

あなたが行うとエラー=> this.handlerError（ありますエラー） - このエラーはクラスインスタンスを参照しています。

これは標準的なJavaScript動作です。

class A { 
    classAContext() { 
    return()=>this.fn(); 
} 

windowContext() { 
    return this.fn; 
    } 

fn() { 
    console.log(this); 
} 
} 

は、オブジェクトを作成でき：

let a = new A(); 

この行が

a.windowContext()(); 

ウィンドウに印刷され、このラインは非常に奇妙である{}

a.classAContext()();