在Angular2中处理错误的最佳实践
发布时间:2020-12-17 08:04:33 所属栏目:安全 来源:网络整理
导读:嗨我正在尝试接收来自catch块(服务)发送的错误。 在多个组件中,我需要显示弹出窗口并显示错误消息。 请让我知道如何创建一个通用方法并在服务块内调用它。就像我现在用“showErrorPage()”做的那样。 import { Injectable } from '@angular/core';import {
嗨我正在尝试接收来自catch块(服务)发送的错误。
在多个组件中,我需要显示弹出窗口并显示错误消息。 请让我知道如何创建一个通用方法并在服务块内调用它。就像我现在用“showErrorPage()”做的那样。 import { Injectable } from '@angular/core'; import { Http,Headers,Response,RequestOptions } from '@angular/http'; import { Observable } from 'rxjs'; import 'rxjs/add/operator/map' @Injectable() export class DataService { private reqData = {}; private url: string; constructor(private http: Http) { } getResult(searchObject: {}): Observable<Response> { // some logic return this.http.post(<my url>,<data to be sent>) .map((response: Response) => { return response; }) .catch((error: any) => { if (error.status === 302 || error.status === "302" ) { // do some thing } else { return Observable.throw(new Error(error.status)); } }); } } 在我的组件中,我称之为 import { Component,EventEmitter,Output,OnInit,OnDestroy } from '@angular/core'; import { ActivatedRoute,Router } from '@angular/router'; // importing DataService '; @Component({ selector: 'o-result',templateUrl: './o-result.component.html',}) export class AComp implements OnInit { constructor( private dataService: DataService ){ } ngOnInit() { this.dataService.getResult(<url>,<params>) .subscribe( response => { // doing logic with responce },error => { this.showErrorPage(); } ) } showErrorPage(): void { // displaying error in popup } }
根据
angular style guide
您的实施似乎是正确的。 此外,http client文档提供了相同的实现。 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |