Parse error return from HTTP catch - Angular 2

Question

I have achieved to get the value of the API error return via catch in my HTTP Request. My problem now is how can I get the return value of the HTTP catch in my component when I call the service.

This is my code in my HTTP service:

login(username,password){
        let headers = new Headers();
        headers.append('Content-Type','application/json');

        return this.http.post(this.configEnvironment.url() + "oauth/access_token",
            JSON.stringify(
                {
                    username: username,
                    password: password,
                    grant_type: "password",
                    client_id: "xxxx",
                    client_secret: "xxxxx"
                }
            ),
            { headers }
        )
        .map(res => res.json())
        .catch((err:Response) => {
            let details = err.json();
            return Observable.throw(new Error(details));
         });

     }

This is my code in my login.component:

this.loginService.login(this.model.username,this.model.password)
            .subscribe(
                data => console.log("data"),
                error => {
                   console.log(error);
                },
                ()  =>  console.log("Finished")
            );

and in the chrome developer tools this is the return of the console.log:

Error: [object Object](…)

But the actual return of the http service catch is this: { "error":"invalid_credentials","error_description": "invalid credentials" } and this is I want to get in the login.component

I don't understand. What you get in the console is not what you want? What would you want instead? — BeetleJuice
– BeetleJuice, Commented Oct 16, 2016 at 7:19
The actual return of the service is this: {"error":"invalid_credentials","error_description": "invalid credentials" and this i I want to get in the component — Sydney Loteria
– Sydney Loteria, Commented Oct 16, 2016 at 7:26

BeetleJuice · Accepted Answer · 2016-10-16 07:32:26Z

8

In your .catch(), change:

return Observable.throw(new Error(details));

to:

return Observable.throw(details);

answered Oct 16, 2016 at 7:32

BeetleJuice

41.1k24 gold badges120 silver badges181 bronze badges

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

Collectives™ on Stack Overflow

Parse error return from HTTP catch - Angular 2

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related