Angular - Formas reactivas - Cómo pasar un objeto a un FormGroup con una clase y validadores
Tengo que crear un formulario grande y decidí usar la función de formulario reactivo para facilitar su uso. Sin embargo, me enfrento a algunos desafíos que pueden ser obvios y busco ayuda.
A continuación hay dos casos que producen el mismo resultado con la excepción de la validación. loscreateFormWithValidation()
El método especifica cada control y sus validadores asociados. loscreateFromPassingObject()
El método crea la misma forma usando solo elthis.party
objeto pero sin los validadores añadidos.
Mi objetivo es pasar un objeto athis.fb.group()
que tendrá los controles que forman parte de la clase y podrá especificar validadores para cada propiedad delParty
Clase.
// The Class with the properties
export class Party {
firstName: string = '';
lastName: string = '';
constructor() {}
}
// party Object
myForm: FormGroup;
this.party = new Party();
// Form with explicit controls and their validators
createFormWithValidation() {
this.myForm = this.fb.group({
firstName: [this.party.firstName, [Validators.required, Validators.minLength(3)]],
lastName: [this.party.lastName, [Validators.required, Validators.minLength(3)]]
})
}
// The goal is to achieve this type of method where this.party will be the object of the controls and their validators.
createFormPassingObject() {
this.myForm = this.fb.group(this.party)
}
Tu ayuda es muy apreciada.