آموزش مدیریت خطا در انگولار ۲

آموزش مدیریت خطا در انگولار ۲

در این درس از مجموعه آموزش برنامه نویسی سایت سورس باران، به آموزش مدیریت خطا در انگولار ۲ خواهیم پرداخت.

برنامه های انگولار ۲ گزینه مدیریت خطا را دارند. این کار با قرار دادن کتابخانه گرفتن 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 شامل پیوندی به تابع Error Handler است.

در تابع مدیریت خطا، خطا را به کنسول ارسال می کنیم. همچنین خطا را به برنامه اصلی باز می گردانیم تا اجرا ادامه یابد.

اکنون، هرگاه خطایی دریافت کردید به کنسول خطای مرورگر هدایت می شود.

منبع.

لیست جلسات قبل آموزش آنگولار ۲

1. آموزش انگولار ۲
2.  مرور کلی آنگولار ۲
3. آموزش محیط انگولار ۲ 
4. آموزش Hello World در انگولار ۲
5. آموزش ماژول ها در انگولار ۲
6. آموزش معماری در انگولار ۲
7. آموزش کامپوننت ها در انگولار ۲
8. آموزش قالب ها در انگولار ۲
9. آموزش دستورالعمل ها در انگولار ۲
10. آموزش متادیتا در انگولار ۲
11. آموزش اتصال داده ها در انگولار ۲
12. آموزش عملیات CRUD با استفاده از HTTP در انگولار ۲