[英]How to throw an observable error manually?
我正在开发一个 Angular 应用程序,我正在通过 HTTP 拨打 rest 电话,如下所示:
login(email, password) {
let headers = new Headers();
headers.append('Content-Type', 'application/x-www-form-urlencoded');
let options = new RequestOptions({ headers: headers });
let body = `identity=${email}&password=${password}`;
return this.http.post(`${this._configService.getBaseUrl()}/login`, body, options)
.map((res: any) => {
let response: any = JSON.parse(res._body);
if (response.success == 0) {
Observable.throw(response); // not working
} else if (response.success == 1) {
console.log('success');
localStorage.setItem('auth_token', 'authenticated');
this.loggedIn = true;
return response;
}
});
}
基本上我希望我的组件在我的订阅调用中得到响应和错误,即
this._authenticateService.login(this.loginObj['identity'],this.loginObj['password']).subscribe(
(success)=>{
this.credentialsError=null;
this.loginObj={};
this._router.navigate(['dashboard']);
},
(error)=>{
console.log(error);
this.credentialsError=error;
}
);
但我的 API 总是返回成功,因为它是这样定义的。
如果response.success == 0
,我如何抛出错误消息,以便在我的订阅回调的错误参数中访问它?
if (response.success == 0) {
throw Observable.throw(response);
}
为rxjs 6编辑:
if (response.success == 0) {
throw throwError(response);
}
rxjs 6
import { throwError } from 'rxjs';
if (response.success == 0) {
return throwError(response);
}
rxjs 5
import { ErrorObservable } from 'rxjs/observable/ErrorObservable';
if (response.success == 0) {
return new ErrorObservable(response);
}
你用ErrorObservable
返回什么取决于你
使用 rxjs 6
import { throwError } from 'rxjs';
throwError('hello');
rxjs 5
任何一个
throw response;
或者
throw Observable.throw(response);
这是官方示例(发出数字 7,然后错误“哎呀!”):
import { throwError, concat, of } from 'rxjs';
const result = concat(of(7), throwError(new Error('oops!')));
result.subscribe(x => console.log(x), e => console.error(e));
来自: https : //rxjs-dev.firebaseapp.com/api/index/function/throwError
使用捕获运算符
this.calcSub = this.http.post(this.constants.userUrl + "UpdateCalculation", body, { headers: headers })
.map((response: Response) => {
var result = <DataResponseObject>response.json();
return result;
})
.catch(this.handleError)
.subscribe(
dro => this.dro = dro,
() => this.completeAddCalculation()
);
并像这样处理错误:
private handleError(error: Response) {
console.error(error); // log to console instead
return Observable.throw(error.json().error || 'Server Error');
}
我的大部分问题都与导入有关,所以这是对我有用的代码......
import {_throw} from 'rxjs/observable/throw';
login(email, password) {
...
return this.http.post(`${this._configService.getBaseUrl()}/login`, body, options)
.map((res: any) => {
...
if (response.success == 0) {
_throw(response);
} else if (response.success == 1) {
...
}
});
}
如果您遇到以下错误,这将是解决方案...
错误类型错误: WEBPACK_IMPORTED_MODULE_2_rxjs_Observable .Observable.throw不是函数
通常,当您抛出错误时,您会在问题发生的确切时刻这样做,并且您想立即提出它,但情况可能并非总是如此。
例如,有timeoutWith()
运算符,这可能是您需要执行此操作的最可能原因之一。
results$ = server.getResults().pipe(timeoutWith(10000, ....) )
这需要一个“错误工厂”,这是一个函数。
errorFactory = () => 'Your error occurred at exactly ' + new Date()
例如。
results$ = server.searchCustomers(searchCriteria).pipe(timeoutWith(10000,
() => 'Sorry took too long for search ' + JSON.stringify(searchCriteria)) )
请注意,当使用timeoutWith
您永远不会得到实际的服务器响应 - 因此,如果服务器给出特定错误,您将永远不会看到它。 上面的示例在调试中非常有用,但如果使用上面的示例,请确保不要向最终用户显示错误。
错误工厂很有用,因为它在实际错误发生之前不会评估代码。 因此,您可以将“昂贵的”或调试操作放入其中,当实际最终需要错误时将执行这些操作。
如果您需要使用“工厂”在超时以外的其他地方创建错误,您可以使用以下内容。
EMPTY.pipe(throwIfEmpty(errorFactory))
rxjs 7
throwError(() => new Error(response))
您可以在 pipe 中使用 catchError(error) => console.log(error)
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.