Зарегистрировать функцию ошибки в запросе GET http

Question

Я не знаю, как обрабатывать ошибку для вызова API GET. Пожалуйста, обновите мой фрагмент, чтобы обработать сценарий сбоя вызова API.

фрагмент кода

import { Injectable } from '@angular/core';
import { Http, Response } from '@angular/http';

@Injectable()
export class PostsService {

  constructor(private http:Http) { 
  }

  getPostData(){
   return this.http.get("https://jsonplaceholder.typicode.com/posts").map((res:Response) => res.json());   
  }

}

Answer 1

    1 ) Make a different Service file where you can call rest APIs.

    2) And make a call from your component by injection the services.


    **For Example, Assume  this is Service file assume ->**

     getEvents(response) {

        let accesstoken = localStorage.getItem('access_token');

        let headers = new HttpHeaders();

        headers = headers.append('Authorization', 'Bearer ' + accesstoken);

        let url = this.baseUrl + 'getEventListingToAdmin?page=' + response.page + '&perPage=10';

        var data = this.http.get(url, {headers: headers});

        return data;
      }


    **And This is a Component Part -->**

     first import the service file in component 

    import { AdminService }      from  '../../admin.service';

    **Then Inject it in constructor**

      constructor(private admin: AdminService) { }

    ngOnInit  () {
    this.admin.getEvents(response)
          .subscribe(
            (data:any) => {

//USE CAN USE HERE LOADS
              this.loading = false;

// CAN CHECK THE RESPONSE STATUS
              if(data.statusCode==200){
                this.managersData = data.data.EventData;
                this.allItems     = data.data.EventCount;
              }

            },
            error => {
//USE CAN USE HERE LOADS
              this.loading = false;

// CAN CHECK THE RESPONSE STATUS
              if(error.error.statusCode===401)
{
// CAN ADD SWEET ALERT
 Swal(
                  error.error.msg,
                  'error'
                )
}


            });
    }

Answer 2

используйте err callback для этого.

conponent.ts

constructor(private postsService:PostsService){}

ngOnInit(){
    this.postsService.getPostData().subscribe(res =>{
        console.log(res)
    },err =>{
        console.log(err)
    });
}

Answer 3

Шаг 1: import 'rxjs/add/operator/catch';

Шаг 2:

import { Injectable } from '@angular/core';
import { Http, Response } from '@angular/http';

@Injectable()
export class PostsService {

  constructor(private http:Http) { 
  }

  getPostData(){
   return this.http.get("https://jsonplaceholder.typicode.com/posts").map((res:Response) => res.json()).catch(this.handleError);   
  }

 handleError(err){
  //Observable.throw(err);
 }

}

А потом при подписке:

this._yourService.getPostData().subscribe(res=>{
    console.log(res);
},err=>{
    console.log(err);
});

Answer 4

this.PostsService.getPostData(params).subscribe(
        data =>
        {
            //data that has come back from the api
        },
        err =>
        {
           // err will be any errors responces from the API 
        }
    );

Вы можете обработать свою ошибку, как пожелаете.