[英]Angular - how to properly return JSON response from HTTP POST
在我的 Angular 7 应用程序中,我需要通过 HTTP POST 提交搜索查询:
成分:
onSubmit() {
this.dataService.doSearch(this.model)
.subscribe(
data => {
const ds = data.content as string [];
this.myDs = data.content as string []; // FILL THE ARRAY WITH DATA.
console.log(ds);
},
(err: HttpErrorResponse) => {
console.log (err.message);
}
);
}
数据服务:
doSearch (issue: Issue): any {
this.dialogData = issue;
const requestId = this.dialogData['requestId'];
const application = this.dialogData['application'];
const component = this.dialogData['component'];
const feature = this.dialogData['feature'];
const isOn = this.dialogData['isOn'];
const dataObject = {requestId: requestId, application: application, component: component,
feature: feature, isOn: isOn};
this._http.post('/api/search', dataObject).subscribe({
next: data => this.searchResponceData = data.json,
error: error => console.error('There was an error!', error),
})
.map((res: Response) => res.json());
}
'/api/search' 端点在 node / express 部分处理,它也用于为 Angular 部分提供服务。
node / express 完成它的一部分并将正确的 JSON 返回给数据服务,但我无法弄清楚如何将返回的数据传递回组件,因为“订阅”没有“映射”方法。
在这种特定情况下,从底层 POST 返回数据的正确方法是什么?
使用 .pipe() 你将能够使用 .map 毕竟。
在我看来,最好的方法是作为承诺返回 http 请求,然后在您的组件中订阅。
当然,您将能够像往常一样迭代数据
.subscribe( res => someVar = res.map( ...someCode))
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.