Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/29.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 关于';有效载荷';没有提供。来自服务的组件中存在错误_Angular - Fatal编程技术网

Angular 关于';有效载荷';没有提供。来自服务的组件中存在错误

Angular 关于';有效载荷';没有提供。来自服务的组件中存在错误,angular,Angular,我有一个表单,它将数据发布到web api。有一个为此编写的服务,它被注入onSubmit函数中的表单组件中。我收到一个错误未提供“payload”的参数。我看不出问题出在哪里?到目前为止,我的代码是: 服务.ts postFormData(有效负载){ this.http.post(this.serviceApiUrl,payload,{headers:new-HttpHeaders().set(“Content-Type”,“application/json”)}); } 组件。ts co

我有一个表单,它将数据发布到web api。有一个为此编写的服务,它被注入onSubmit函数中的表单组件中。我收到一个错误
未提供“payload”的参数
。我看不出问题出在哪里?到目前为止,我的代码是:

服务.ts

postFormData(有效负载){
this.http.post(this.serviceApiUrl,payload,{headers:new-HttpHeaders().set(“Content-Type”,“application/json”)});
}
组件。ts

constructor(私有服务:nowService,
私有appComponent:appComponent,
专用路由器:路由器,
私有http:HttpClient,
) {
}
onSubmit(){
if(this.serviceForm.invalid){
this.serviceForm.setErrors({…this.serviceForm.errors,'required':true});
返回;
}
this.service.postFormData().subscribe((响应:any)=>{
console.log(响应);//响应成功时
this.router.navigate(['confirmation']);
},(错误响应:任意)=>{
console.log(errorResponse);//响应不成功时
});
}
}

调用服务时,需要从缺少的组件传递参数有效负载。从component.ts传递参数

this.service.postFormData(有效负载).subscribe((响应:any)

编辑

您的参数应如下所示:

this.service.postFormData(this.serviceForm.value).subscribe((response: any)
在订阅之前,您应该将服务中的可观察内容作为

postFormData(payload) {
  //add return//
  return this.http.post(this.serviceApiUrl, payload, { headers: new HttpHeaders().set("Content-Type", "application/json")});
}

使用form.value,如下所示

this.service.postFormData(serviceForm.value).subscribe(…);

生成产品映像(活动id、产品id){
返回此.http.patch(活动\ URL.GENERATE\产品\图像(活动id,产品id),{})
}

this.service.postFormData()是在没有参数的情况下调用的?postFormData应该返回一个ObserverRight,应该是:''return this.http.post…'。您有代码示例吗?如果替换该行,我会得到以下结果:(1)找不到名称“payload”。(2)类型“void”上不存在属性“subscribe”。@Sole现在应该有意义了