從AuthGuard canActivate中的Observable.catch重新拋出錯誤

Question

我在AuthGuard的canActivate方法中有以下代碼：

 return this.http.get(url) .map(res => { console.log(res.json()); return true; }) .catch(error => { return Observable.throw(error); // return Observable.of(false); }); 

當我取消對Observable.of(false)行的注釋時，一切都很好。 但是，我不僅要返回包裝在Observable中的false，還希望重新引發該錯誤，以便我的全局自定義ErrorHandler可以捕獲該錯誤並顯示一條用戶友好的消息。

Answer 1

你可以這樣做：

Observable.throw('error')
    .catch(error => {
        return Observable.throw(error).startWith(false);
    })
    .subscribe(
        value => console.log('Next', value),
        err => console.log('Error', err)
    );

從catch()返回的Observable只是一個常規的Observable，它也可能引發錯誤。

請注意，您必須在subscribe()設置錯誤回調，否則錯誤將被重新拋出。

該演示打印以下輸出：

Next: false
Error: error