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

3 سال پیش

امتیاز دهید post

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

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

برنامه های انگولار 2 گزینه مدیریت خطا را دارند. این کار با قرار دادن کتابخانه گرفتن 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&lt;IProduct[]&gt; { 
      return this._http.get(this._producturl) 
      .map((response: Response) =&gt; &lt;IProduct[]&gt; response.json()) 
      .do(data =&gt; console.log(JSON.stringify(data))) 
      .catch(this.handleError); 
   }  
   
   private handleError(error: Response) { 
      console.error(error); 
      return Observable.throw(error.json().error()); 
   } 
}

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 است.

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

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

منبع.

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

امتیاز دهید post

برچسب ها : آموزش انگولار 2 آموزش طراحی وب سایت

نویسنده مطلب saber

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

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

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

دیدگاه شما

بدون دیدگاه

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

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

دیدگاه شما

برای صرف‌نظر کردن از پاسخ‌گویی اینجا را کلیک نمایید.

بدون دیدگاه