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

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

От автора: приложения Angular 2 поддерживают функцию обработки ошибок. Для этого подключается библиотека ReactJS, а затем используется ее функция catch.

Давайте рассмотрим, как обрабатываются в Angular ошибки, и какой код для этого нужен. Его можно добавить в верхней части раздела для операций 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 содержит ссылку на функцию обработчика ошибок.

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

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

Практический курс по созданию веб-приложения на Angular4

Станьте профессиональным веб-разработчиком, создавая востребованные веб-приложения на Angular4.

Узнать подробнее

Источник: https://www.tutorialspoint.com/

Редакция: Команда webformyself.

Самые свежие новости IT и веб-разработки на нашем Telegram-канале

Angular 4. Быстрый старт

Овладейте азами работы с Angular 4 с полного нуля

Получить

Метки:

Похожие статьи:

Комментарии Вконтакте:

Комментарии Facebook:

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Я не робот.

Spam Protection by WP-SpamFree