Angular http post добавляет несколько пустых объектов после добавления пользовательских данных в json

Question

.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'
            })
    });

при вводе данных формы и отправке последние введенные данные перезаписываютсяи вводятся новые данные. После новых данных вставляются несколько пустых строк. В чем может быть проблема?

Answer 1

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

У вас есть нежелательная рекурсия.