如何在angular http服务中从JSON对象数组中返回特定字段作为响应

Question

我的界面是这样的:

export interface User {
id: number;
name: string;
}

从api收到的响应i是:

[
{
"id": 1,
"name": "Leanne Graham",
"username": "Bret",
"email": "[e-mail]"
},
{
"id": 2,
"name": "Ervin Howell",
"username": "Antonette",
"email": "[e-mail]"
}
] 

我希望只提取id和名称字段并作为响应返回

[
{
"id": 1,
"name": "Leanne Graham"
},
{
"id": 2,
"name": "Ervin Howell"
}
] 

getdata(): Observable<User[]>{
return this.http.get<User[]>('https://jsonplaceholder.typicode.com/users').pipe(
map((data: User[])=> {
//how to extract id and name here
})
)
} 

我只需要从返回id和名称字段整个API响应。我如何使用地图实现这一点或其他服务技巧，请指导我

Answer 1

getdata(): Observable<User[]>{ 
return this.http.get<User[]>('https://jsonplaceholder.typicode.com/users').pipe(
map((data: User[])=> {
//  just map the data 
return data.map(u => ({id: u.id, name: u.name}))
})
)
}