javascriptangularfrontendangular-reactive-formsdynamicform

Reset dynamic form field issue in angular

I am unable to reset particular form fields in angular. I am attaching here link, where I am trying to achieve, but not working. Please help!!

https://stackblitz.com/edit/angular-dynamic-form-fields-q8rm4u?file=src%2Fapp%2Fapp.component.ts,src%2Fapp%2Fapp.component.html,src%2Fapp%2Fapp.module.ts

Solution

  • I believe the problem here is a misunderstanding of how to use the AbstractControl.reset() method. The value parameter is not related to the controls you want to reset, but the values you want to reset the controls to.

    If you change your method to:

        resetContact(i: number) {
      this.contacts.at(i).reset();
    }

    It should work as expected!