Учебники

Angular 2 — Обработка ошибок

Октябрь 15, 2018

Приложения Angular 2 имеют возможность обработки ошибок. Это делается путем включения библиотеки catch ReactJS, а затем с помощью функции catch.

Давайте посмотрим код, необходимый для обработки ошибок. Этот код может быть добавлен в верхней части главы для операций CRUD с использованием http.

В файле 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<IProduct[]> { 
      return this._http.get(this._producturl) 
      .map((response: Response) => <IProduct[]> 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 содержит ссылку на функцию обработчика ошибок.

  • В функции обработчика ошибок мы отправляем ошибку на консоль. Мы также возвращаем ошибку в основную программу, чтобы выполнение могло продолжаться.

Функция catch содержит ссылку на функцию обработчика ошибок.

В функции обработчика ошибок мы отправляем ошибку на консоль. Мы также возвращаем ошибку в основную программу, чтобы выполнение могло продолжаться.

Теперь, когда вы получаете сообщение об ошибке, оно будет перенаправлено на консоль ошибок браузера.

47
Share: