如何将对象数组映射到我的类型数组

Question

I have a class:

export class    Stuff {
      id: string;
      namd: string;
    }

With angular < 4.3 I have this call:

getStuff(): Observable<Stuff[]> {
    return this.http.get('api-url-here/stuff')
        .map((data: Response) => {
            return data.json()
                .map((item: any) => {
                    return {
                    id: item.id,
                    name: item.name
                };
        });
    })
}

With angular >= 4.3 I changed it to this:

getStuff(): Observable<Stuff[]> {
    return this.http.get<Stuff[]>('api-url-here/stuff')
        .map((data: any) => {
            return data
                .map((item: any) => {
                    return {
                    id: item.id,
                    name: item.name
                };
        });
    })
}

I am receiving the array of stuff fro my api that looking like that.

[
 {"id":1,"name": "name" }
]

As you can see from the code example above I have to map the data twice to get my type shape ( Stuff[] ). Is there a better way of doing this with angular 4.3+ ?

Answer 1

You are using typed response in new HttpClientModule , so in first map your result is already parsed.

getStuff(): Observable<Stuff[]> {
  return this.http.get<Stuff[]>('api-url-here/stuff');
}

Should work. And then

SomeStaffService.getStuff().subscribe(staff => console.log(staff));

Update:

In this case you will be able to handle the errors in two ways. Outside of your service

SomeStaffService.getStuff().subscribe(
  staff => console.log(staff),
  (err: HttpErrorResponse) => {
    if (err.error instanceof Error) {
      console.log("Client-side error occured.");
    } else {
      console.log("Server-side error occured.");
    }
  }
);

Or you can subscribe right in your service and catch the error there. Please refer to documentation