How to remove the field 'prevPwd' from the formbuilder in angular

Question

Here's the code:

TS

user = true;

this.fb.group({
      password: ['', [
        Validators.required,
        this.passwordValidator
      ]],
      newPassword: ['', [Validators.required]],
      prevPwd: ['',
        Validators.required
      ]
    });

What I'm trying to do here is to remove the prevPwd or previous password field, when the user is true, but when user is false it should be required the field prevPwd .

I already tried.

this.formGroup = this.fb.group({
          password: ['', [
            Validators.required,
            this.passwordValidator
          ]],
          newPassword: ['', [Validators.required]],
          prevPwd: ['',
            Validators.required
          ]
        });
if (user) {
 this.formGroup.removeControl('prevPwd');
}

return this.formGroup

But it doesn't work.

Answer 1

Its not removeControls function, its removeControl function.

 this.formGroup.removeControl("prevPwd");

This will work.

Demo