how to use .catch() in http.request angular2

Question

I am trying to use http.request in Angular - service::

let _request = new Request({
    method: "POST",
    body:body,
    // change url to "./data/data.junk" to generate an error
    url: "http://localhost:5000/user/contact",
    headers:new Headers({
      'Content-Type': 'application/json',
      'Authorization': 'Bearer '+token
    })
});

return this._http.request(_request)
.map((res:Response) => res.json())
.catch((error:any) => Observable.throw({status:error.status,message:error.json().error}));

And in component :

this._httpService.getContacts()
  .subscribe(
    (response) => {          
      console.log(response)
    }
  )

If response is OK from server. There is no issue. But if I am sending res.status(401).send({error:err.message}) , I not getting any response in .catch().

Please help

try: this._httpService.getContacts().subscribe( (response) => {console.log(response);} , (error) => {console.log(error);} ) — anoop
– anoop, Commented Nov 3, 2017 at 8:38
Now I am getting the err.message. But how can I get res.status? — raju
– raju, Commented Nov 3, 2017 at 8:43

anoop · Accepted Answer · 2017-11-03 08:49:50Z

1

to access error do it like :

this._httpService.getContacts().subscribe( 
(response) => {console.log(response);} , 
(error) => {console.log(error);} 
)

and for status, you can get it as error.status in .catch()

answered Nov 3, 2017 at 8:49

anoop

3,8222 gold badges18 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Deepak Jha · Accepted Answer · 2017-11-03 08:47:05Z

0

In HttpClient implementation of Angular 4, you can defined a subscribe method with error callback function like

.subscribe((resp)=>{//resp processing}, (err)=>{//error side})

to be specific try this code below,

this._httpService.getContacts()
  .subscribe(
    (response) => {          
      console.log(response)
    },
(err)=>{console.log(err, "Your Error Received from the server")}
  )

answered Nov 3, 2017 at 8:47

Deepak Jha

1,61913 silver badges17 bronze badges

Collectives™ on Stack Overflow

how to use .catch() in http.request angular2

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related