将用户数据添加到json后,Angular http发布会添加多个空对象

时间:2018-09-18 15:29:40

标签: angular http-post httpclient

enter image description here。ts:

addProduct(productForm:NgForm){


  this.productService.addProduct(productForm.value).subscribe((res:any)=>
    res= this.addProduct(res)

  );

 }

.service:

addProduct(productForm:NgForm) {

        return this.httpObj.post<products>(`${this.uri}/products`,productForm,{
            headers: new HttpHeaders({
                'Content-Type': 'application/json'
            })
    });

当我输入表单数据并提交时,最后输入的数据将被覆盖并输入新数据。在新数据之后,将插入多个空行。这可能是什么问题?

1 个答案:

答案 0 :(得分:2)

addProduct(productForm:NgForm){
    this.productService.addProduct(productForm.value).subscribe((res:any)=>
        res= **this.addProduct(res)**
    );  
}

您正在进行不必要的递归。