How can I add multiple validators to a FormGroup.
A FormControl can accept an array of validators, however a FormGroup cannot. Is there a workaround aside from creating a single custom validator?
I am using rc4.
Adding async validators to reactive formslink To use an async validator in reactive forms, begin by injecting the validator into the constructor of the component class. Then, pass the validator function directly to the FormControl to apply it.
Multiple validators can be combined through Validators.compose()
.
From the api reference:
compose(validators: ValidatorFn[]) : ValidatorFn
Compose multiple validators into a single function that returns the union of the individual error maps.
Actually, FormGroup did accept array of validators. Just that the interface not updated. Cast it to any will do. E.g.
<any>[Validators.required, Validators.minlength(2)]
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With