Angular 2 — Обробка помилок

21

Від автора: додатки Angular 2 підтримують функцію обробки помилок. Для цього підключається бібліотека ReactJS, а потім використовується її функція catch.

Давайте розглянемо, як обробляються в Angular помилки, і який код для цього потрібен. Його можна додати в верхній частині розділу для операцій CRUD з використанням протоколу http. Додайте у файл product.service.ts наступний код:

import { Injectable } from ‘@angular/core’;
import { Http Response } from ‘@angular/http’;
import { Вами } from ‘rxjs/Вами’;
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(): Вами {
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);
return Вами.throw(error.json().error());
}
}

Функція catch містить посилання на функцію обробника помилок.

Функції обробника помилок надсилає повідомлення про помилку на консоль. Ми також повертаємо помилку назад в основну програму, щоб продовжити виконання.

Тепер, всякий раз, коли ви отримуєте повідомлення про помилку, воно буде перенаправлено в консоль помилок браузера.