Início / coding / Perguntas / 79103801
Accepted
dozobus
Asked: 2024-10-19 06:07:31 +0800 CST

Como passar um array com múltiplos objetos para o Angular FormControl?

  • 772

Digamos que eu tenha um objeto com valores de string como este:

data = { input: '', description: '' }

onde entrada é o que o usuário digitou, que eu peguei na (change)função, e descrição é o que eu adicionei programaticamente na função depois.

Estou passando uma matriz de objetos de dados para o formControl , mas this.form.patchValue({control: this.array})quando verifico, ele this.form.get('control').valueretorna uma matriz com apenas o primeiro objeto ( array[0] ).

Como faço para retornar uma matriz inteira?

arrays

2 respostas

  1. Best Answer

    Certifique-se de que você deve criar o N (número) da FormGroupinstância em seu control FormArraycom base no número de objetos em seu arrayantes do patchValue().

    this.form = new FormGroup({
  control: new FormArray([]),
});

for (let data of this.array) {
  (this.form.controls['control'] as FormArray).push(
    new FormGroup({
      input: new FormControl(),
      description: new FormControl(),
    })
  );
}

this.form.patchValue({ control: this.array });

    Você também pode atribuir o valor ao FormControlinicializar a FormGroupinstância.

    for (let data of this.array) {
  (this.form.controls['control'] as FormArray).push(
    new FormGroup({
      input: new FormControl(data.input),
      description: new FormControl(data.description),
    })
  );
}

    Demonstração @ StackBlitz

    • 0

  2. Embora a resposta marcada tenha funcionado para mim, descobri que esta solução é melhor. Não há necessidade de iterar com forloop toda vez que um novo grupo de controle é adicionado.

    https://stackoverflow.com/a/45249752/8679394

    • 0

relate perguntas