Reset formControl field on submit in Angular

Question

I have a form which onSubmit should reset the value of specific form field. So far I have tried the following:

Ts file:

ngOnInit() {
    this.loading = true;
    this.getIncident();
    this.loading = true;
      })
      this.addCommentsForm = new FormGroup({
        comment: new FormControl(''),
        number: new FormControl('')
      })
    }

onSubmit() {

      let putData = Object.assign({}, this.addCommentsForm.value);
      console.log('form, ', putData)
      this.uploading = true;
      this.commentProgress.progress = 100;
      this.service.putIncidentsComments(putData, this.s_id).subscribe((response: any) => {
        console.log("comment sent");
        this.getIncidentComments();
        this.uploading = false;
        this.commentProgress.progress = 0;
        this.addCommentsForm.reset();
      }, (errorResponse: any) => {
        console.log(errorResponse); //On unsuccessful response
        this.error = true;
        this.uploading = false;
      });
    }
  }

the line: this.addCommentsForm.reset(); resets the whole form and I just want the comment field reset? any ideas?

Sachin Gupta · Accepted Answer · 2019-04-10 15:32:56Z

1

You can get the formControl and reset it:

this.addCommentsForm.get('comments').reset();

answered Apr 10, 2019 at 15:32

Sachin Gupta

5,3493 gold badges19 silver badges33 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Reset formControl field on submit in Angular

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related