Estoy tratando de implementar una interfaz ValidatorFn, sin embargo, tengo un problema al intentar usar la propiedad 'controles' en un grupo de formularios de tipo 'AbstractControl', el error es: "La propiedad 'controles' no existe en el tipo 'AbstractControl '", originalmente intenté configurar formGroup como tipo 'FormGroup', sin embargo, esto provocó una serie de errores. La interfaz de mi ValidatorFn es la siguiente:
1. import { FormGroup, ValidatorFn, AbstractControl } from '@angular/forms'; 2. export function requireCheckboxesToBeCheckedValidator(minRequired = 1): ValidatorFn { 3. return function validate (formGroup: AbstractControl) { 4. let checked = 0; 5. 6. Object.keys(formGroup.controls).forEach(key => { 7. const control = formGroup.controls[key]; 8. 9. if (control.value === true) { 10. checked ++; 11. } 12. }); 13. 14. if (checked < minRequired) { 15. return { 16. requireOneCheckboxToBeChecked: true, 17. }; 18. } 19. 20. return null; 21. }; 22. }El error ocurre cuando se usa la propiedad de controles en las líneas 6 y 7. ¿Hay alguna solución para esto cuando se usa un formGroup de tipo AbstractControl?
Puede agregar un tipo de protección para asegurarse de tener un FormGroup , y también puede manejar el caso cuando solo tiene un FormControl o un FormArray .
export function requireCheckboxesBeCheckedValidator(minRequired = 1): ValidatorFn { return (formControl: AbstractControl) => { let ctrls: AbstractControl[]; if (formControl instanceof FormGroup) { ctrls = Object.values(formControl.controls); } else if (formControl instanceof FormArray) { ctrls = formControl.controls; } else { ctrls = [ctrls]; } const checked = formControl.controls.filter(({ value }) => value === true); return checked < minRequired ? { requireOneCheckboxToBeChecked: true } : null; } }