0

Olá, estou tentando criar um component de formulário reutilizável utilizando o ReactiveForms. Como quando eu quiser utilizar um formulario, apenas passarei um array dos meus inputs desse formulário.

Porém estou com dúvidas se isso é realmente possível. No meu caso eu travei aqui:

export class FormularioShared implements OnInit{
 
 formulario: FormGroup;
 @Input() inputs: InputsModels[];
 
 constructor(private formBuilder: FormBuilder){}
 ngOnInit(){
 this.formulario = this.formBuilder.group({
 [this.inputs[0].formControlName]: this.formBuilder.control('', Validators.required),
 });
 }
}

Quando não sei como inteirar no meu array de inputs para criar os controls do formbuilder! Gostaria de saber se isso é realmente possível?? Agradeço desde já.

1

1 Resposta 1

1

Imaginando que seu InputModels tenha uma propriedade value e uma formControlName eu faria assim usando a função reduce do array:

  public construirForm(inputs: InputModels[]) {
        const formMap = inputs.reduce((dataAgg, iterator) => {
            const fmctrl =<AbstractControl> new FormControl(iterator.value);
            dataAgg[iterator.formControlName] =  fmctrl;     
            return dataAgg;
        }, {});
        return new FormGroup(formMap);           
    }
3
  • Funcionou dessa maneira, porem dessa forma, como poderia fazer os Validators? 5/06/2018 às 13:15
  • const fmctrl =<AbstractControl> new FormControl(iterator.value, Validators.required); 5/06/2018 às 13:21
  • ou const fmctrl =<AbstractControl> new FormControl(iterator.value, iterator.validators); 5/06/2018 às 13:21

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .