how to reset() form to specific value reactively in angular 7

Question

my .ts file to do this is:

 export class AppComponent implements OnInit {
      genders = ['male', 'female'];
      signupForm: FormGroup;


      constructor(private formBuilder: FormBuilder){}


      toSubmit(){
        console.log(this.signupForm); 
        this.signupForm.reset(this.signupForm.controls.userData.value.username = 'ahmad');
        console.log(this.signupForm.controls.userData.value.username);

      };

But it does'nt work and the value of username stay null.

Answer 1

you should use this.signupForm.patchValue({username = 'ahmad'}); instead of reset