Converting Http JSON Response to Object with HttpClient

Question

I am trying to convert the Http post response to the Type object

JSON Response from the server

{
    "authenticated": false,
    "admin": false
}

Angular class to be type casted

export class UserRole {
  authenticated: boolean;
  admin: boolean;
}

HTTP Post Call

login() {
    this.user.password = btoa(this.user.password);
    this.http.post(this.url, this.user).subscribe(res => {
       console.log(res);
    });
    if (this.userRole.admin) {
        console.log('Going in admin');
       this.authService.setLoggedIn(this.user.userId,true);
    } else {
      console.log('Going in else admin');
      this.authService.setLoggedIn(this.user.userId,false);
    }
    this.router.navigateByUrl('/nav');
  }

I am having issues on converting the result on subscribe to UserRole object, should i need to use a JSON.parse or any other method.

Fenton · Accepted Answer · 2017-12-12 21:43:00Z

2

You can pass a type argument to have the type flowed through to the subscriber:

this.http.post<UserRole>(this.url, this.user).subscribe(res => {
   console.log(res);
});

This should set the type of your res parameter, so you can use res.authenticated et al.

answered Dec 12, 2017 at 21:43

Fenton

253k74 gold badges404 silver badges414 bronze badges

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

1 Comment

Joe Over a year ago

Ok got it. Is there any way of getting the object value itself gets assigned to this.userRole as the instance is on the main component this.userRole=res?

Collectives™ on Stack Overflow

Converting Http JSON Response to Object with HttpClient

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related