如何解决使用 angular 的 RxJS 操作符转换响应数据
我有如下服务响应。
"amount": 3330,"count": 56,"dataObjects": [
{
"links": {
"self": "http://localhost:4200/api/collection/"
},"id": "W391","objectNumber": "IN-W391","title": "Image 23","webImage": {
"guid": "89de22aa-e19f-4c83-87ff-26dd8f319c05","width": 1200,"height": 800,"url": "http://localhost:4200/api/collection/7qzT0pbclLB7y3fdS1GxzMnV7m3gD3gWnhlquhFaJSn6gNOvMmTUAX3wVlTzhMXIs8kM9IH8AsjHNVTs8em3XQI6uMY=s0"
}
},{
"links": {
"self": "http://localhost:4200/api/collection/"
},"url": "http://localhost:4200/api/collection/7qzT0pbclLB7y3fdS1GxzMnV7m3gD3gWnhlquhFaJSn6gNOvMmTUAX3wVlTzhMXIs8kM9IH8AsjHNVTs8em3XQI6uMY=s0"
}
}
]
}
我要做的就是只检索 dataObjects 数组,以便我可以遍历它并绑定 webImage 下的 url并将其显示在 UI 中。这是我尝试过的
Component.ts
ngOnInit() {
this.artistService.GetArtistDetails().pipe(map( response=> response.dataObjects))
.subscribe((artists: any[])=>{
console.log(artists);
});
}
}
Service.ts
public GetArtistDetails(){
return this.httpClient.get(this.REST_API_SERVER);
}
提前致谢
解决方法
除了 A2Ia 所说的之外,这里还有一个可以按要求工作的示例代码:
stackblitz 应用程序:https://stackblitz.com/edit/angular-ivy-1ixvmx?file=src/app/app.component.ts
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。