How can I dynamically validate Angular forms based on user input

Question

Can you tell me How can I dynamically validate Angular forms based on user input? Use code snippets if possible.

Answer 1

Dynamic Form Controls with Validation:

In scenarios where form controls are added or removed dynamically (e.g., adding multiple email fields), you can manage these controls using FormArray and apply validators as needed.

Example:

this.form = this.fb.group({

  emails: this.fb.array([this.createEmailFormGroup()])

});

createEmailFormGroup(): FormGroup {

  return this.fb.group({

    email: ['', [Validators.required, Validators.email]]

  });

}

addEmailField() {

  (this.form.get('emails') as FormArray).push(this.createEmailFormGroup());

}