How to reset only specific fields of form in angular 5

Question

I have created a function in one of my component file that resets the form(myform):

`onSubmit() {
  if (this.myform.valid) {
    console.log("Form Submitted!");
    this.myform.reset();
  }
}`

It works perfectly fine resetting the whole form, but is it possible to just reset some of the elements and keeping other the same way.

Answer 1

try this:

this.myform.controls['comments'].reset()

Answer 2

try this one:

  clearForm() {
    this.myForm.get('comments').reset();
    this.myForm.get('name').reset();
  }

and call this function where you submit form.

Answer 3

Yes you can access the controls using tnis.myform.controls get the control and call reset() on it