Angular 2 - Penanganan Error

Aplikasi Angular 2 memiliki opsi penanganan kesalahan. Ini dilakukan dengan memasukkan pustaka tangkapan ReactJS dan kemudian menggunakan fungsi catch.

Mari kita lihat kode yang diperlukan untuk penanganan kesalahan. Kode ini dapat ditambahkan di atas bab untuk operasi CRUD menggunakan http.

Di file product.service.ts, masukkan kode berikut -

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()); 
   } 
}
  • Fungsi catch berisi link ke fungsi Error Handler.

  • Dalam fungsi penanganan kesalahan, kami mengirimkan kesalahan ke konsol. Kami juga membuang kesalahan kembali ke program utama sehingga eksekusi dapat dilanjutkan.

Sekarang, setiap kali Anda mendapatkan kesalahan, itu akan diarahkan ke konsol kesalahan browser.