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

Question

我有一堂课：

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

使用angular < 4.3我有这个电话：

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
                };
        });
    })
}

使用angular >= 4.3我将其更改为：

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
                };
        });
    })
}

我正在从我的api收到一系列类似的东西。

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

从上面的代码示例中可以看到，我必须将数据map两次以得到我的类型形状（ Stuff[] ）。 有没有更好的方法来做到这一点与angular 4.3+ ？

Answer 1

您正在新的HttpClientModule中使用类型化的响应，因此在第一个map您的结果已被解析。

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

应该管用。 接着

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

更新：

在这种情况下，您将能够以两种方式处理错误。 在您的服务之外

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.");
    }
  }
);

或者，您可以直接在您的服务中订阅并在其中捕获错误。 请参考文档