Angular4 not showing correct result from get API

Question

When I'm trying to get data from api with this code:

getUserRole() {
      const headers = new Headers();
      headers.append('Authorization', `Bearer ${this.getToken()}`);
      console.log(this.getToken());
      const options = new RequestOptions({ headers: headers});
      return this.http.get(`${this.baseURL + this.loginApiRoot}/GetUserRoles`).pipe(map(res => res.json()))
      .subscribe(data => {
      this.userRole = JSON.stringify(data);
        if (this.userRole === 'parent') {
          this.logout();
      } else if (this.userRole === 'school') {
        this.isUser = true;
        this.isAdmin = false;
        this.cookieService.set('isSchool', '1');
      } else if (this.userRole === 'admin') {
        this.isUser = false;
        this.isAdmin = true;
        this.cookieService.set('isAdmin', '1');
      }
      });
   }

I get [], means blank array. But the same API when I try using postman, it gives the array filled like this:

[
    "Parent"
]

I doublechecked my api and confirmed, that everything seems ok, but I don't understand why I'm getting different result. Is there any problem with my approach?

Sajeetharan · Accepted Answer · 2018-06-13 02:35:59Z

1

Since angular6 has HttpClient by default, you dont have to call .json() explicitly

return this.http.get(`${this.baseURL + this.loginApiRoot}/GetUserRoles`).pipe(map(res => res))

also JSON.stringify is unecessary,

this.userRole = data;

EDIT:

You need to pass the headers in the put request aswell,

 return this.http.get(`${this.baseURL + this.loginApiRoot}/GetUserRoles`,options)

edited Jun 13, 2018 at 2:35

answered Jun 13, 2018 at 0:54

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges

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

6 Comments

Jaidev Khatri Over a year ago

Response {_body: "[]", status: 200, ok: true, statusText: "OK", headers: Headers, …} This is what I am receiving now. see these "[]".

Sajeetharan Over a year ago

which means your request is wrong! check the network tab and compare with the postman request

Jaidev Khatri Over a year ago

Got through, if you notice the code, I've forgot to put options header in get request.

Sajeetharan Over a year ago

yeah! glad to hear it, but certainly you need to make those changes mentioned in the answer. upvote if this helped

Jaidev Khatri Over a year ago

I already did and yeah that helped. Can you pl edit your answer to mention what I forgot?

|

Collectives™ on Stack Overflow

Angular4 not showing correct result from get API

1 Answer 1

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related