Angular 2 - Hata İşleme

Angular 2 uygulamaları hata işleme seçeneğine sahiptir. Bu, ReactJS catch kitaplığı dahil edilerek ve ardından catch işlevi kullanılarak yapılır.

Hata işleme için gereken kodu görelim. Bu kod, http kullanılarak CRUD işlemleri için bölümün üstüne eklenebilir.

Product.service.ts dosyasına aşağıdaki kodu girin -

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 işlevi, Hata İşleyici işlevine bir bağlantı içerir.

• Hata işleyici fonksiyonunda, hatayı konsola gönderiyoruz. Ayrıca, uygulamanın devam edebilmesi için hatayı ana programa geri atıyoruz.

Şimdi, bir hata aldığınızda, tarayıcının hata konsoluna yönlendirilecektir.