角度2. Observableでリダイレクトを使用して4xxエラーを処理する方法は？

Question

私は、サーバーがcatch部分が呼び出されるの4xxで応答した場合、API

getItems(itemId: number): Observable<any> { 
    return this.http.get(url, headers) 
     .map(this.extractDataSingle) 
     .catch(this.handleError) 
} 

を呼び出してサービスを提供しています。 私のhandleErrorメソッドです。

private handleError = (error: any) => { 
    //Here I want to redirect to login. 
} 

loginページにリダイレクトします。 Observableを返さなければならないので、単にthis._router.navigate(['Login']);と入力しても機能しません。 Cannot read property 'subscribe' of undefinedという購読者にエラーが発生するため、空のObservable return Observable.empty;を返すこともできません。

ユーザーをログインページにリダイレクトする方法を教えてください。もちろん、私はエラーをキャッチし、私の加入者を介してリダイレクトするように私の加入者を変更することができます。しかし、私は私のサービスのエラーを処理する方が良いと思います。

また、私は4xxエラーを処理する方法の全く異なるソリューションを公開しています。

編集： @GüntherZöschbauerに感謝します。 return Observable.of([]);は私が必要としていたものです。 ただし、thisに注意してください。 .catch(this.handleError.bind(this))

getItems(itemId: number): Observable<any> { 
    return this.http.get(url, headers) 
     .map(this.extractDataSingle) 
     .catch(this.handleError.bind(this)) 
} 

にhandleError方法の使用bind(this)でrouterへのアクセス権を持つためにそうしないと、あなたのrouterにアクセスすることはできません。

Answer 1

私はこれが何をしたいん推測：

private handleError = (error: any) => { 
    this._router.navigate(['Login']); 
    return Observable.of([]); 
}