Angular 5 HttpClient: mapping json object array to my object array

Question

Using Angular 5 with the HttpClient, I have seen examples of something like:

  getUsers(): Observable<User[]> {
    return this.http.get<User[]>('https://jsonplaceholder.typicode.com/users');
  }

I am trying to understand the many ways of achieving mapping the JSON array of users to my User array.

Does Angular know how to map the data as above, or do I have to perform the .map function to build the User array myself?

Answer 1

you can do simply

getUsers() {
  return this.http.get('https://jsonplaceholder.typicode.com/users');
}

if your response is something like this:

[
  {
    "id": 1,
    "name": "example1",
  },
  {
    "id": 2,
    "name": "example2",
  }
]

then you can do this:

this.service.getUsers().subscribe(
  result => {
    this.arrayUsers = result;
  }
)

else if you have it deeper in your JSON:

{
  "success":[
    {
       "id": 1,
       "name": "example1",
    },
    {
       "id": 2,
       "name": "example2",
    }
 ]

}

then you should do in this way:

this.service.getUsers().subscribe(
  result => {
    this.arrayUsers = result['success']; 
  }
)