Angular 2 - 错误处理

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函数包含一个指向Error Handler函数的链接.

• 在错误处理函数中，我们将错误发送到控制台.我们还将错误抛回主程序，以便继续执行.

现在，每当您收到错误时，它将是重定向到浏览器的错误控制台.