📅  最后修改于: 2020-10-28 05:07:58             🧑  作者: Mango
Angular 2应用程序可以选择错误处理。这是通过包括ReactJS catch库,然后使用catch函数的。
让我们看一下错误处理所需的代码。可以在使用http的CRUD操作的本章顶部添加此代码。
在product.service.ts文件中,输入以下代码-
import { Injectable } from '@angular/core';
import { Http , Response } from '@angular/http';
import { Observable } from 'rxjs/Observable';
import 'rxjs/add/operator/map';
import 'rxjs/add/operator/do';
import 'rxjs/add/operator/catch';
import { IProduct } from './product';
@Injectable()
export class ProductService {
private _producturl = 'app/products.json';
constructor(private _http: Http){}
getproducts(): Observable {
return this._http.get(this._producturl)
.map((response: Response) => response.json())
.do(data => console.log(JSON.stringify(data)))
.catch(this.handleError);
}
private handleError(error: Response) {
console.error(error);
return Observable.throw(error.json().error());
}
}
catch函数包含错误处理程序函数的链接。
在错误处理程序函数,我们将错误发送到控制台。我们还将错误返回给主程序,以便继续执行。
现在,每当您遇到错误时,它将被重定向到浏览器的错误控制台。