0

Preciso adicionar um array para ao formBuilder, mas não sei a maneira de f fazer (Pode ser de outras maneiras). estava tudo indo muito bem até aparecer a FK. Tenho que mandar os dados da empresa mais os dados do telefone

Segue exemplo:

{
  "cd_cidade": "7016",
  "cd_empresa": "1",
  "cd_estado": "GO",
  "ds_complemento": "Nenhum",
  "ds_logradouro": "Rua m 11",
  "img_empresa": "padrao.png",
  "no_bairro": "Centro",
  "no_empresa": " Roberto da Silva",
  "no_fantasia": " Producoes",
  "nu_cnpj": "21512452000118",
  "nu_nire": "0",
  "nu_numero": "5",
  // o problema está aqui :(
  "telefone": [
    {
      "nu_telefone": "6496452145"
    },
    {
      "nu_telefone": "6496452145"
    },
    {
      "nu_telefone": "6496452145"
    },
    {
      "nu_telefone": "6496452145"
    },
    {
      "nu_telefone": "6496452145"
    }
  ]
}

Os campos da empresa estão sendo preenchidos com formBuilder

Segue codigo:

  initializeForm(empresa) {
    this.form = this.formBuilder.group({
      cd_empresa: this.formBuilder.control(empresa.cd_empresa, [Validators.required]),
      no_empresa: this.formBuilder.control(empresa.no_empresa, [Validators.required]),
      no_fantasia: this.formBuilder.control(empresa.no_fantasia, [Validators.required]),
      nu_cnpj: this.formBuilder.control(empresa.nu_cnpj, [Validators.required]),
      nu_nire: this.formBuilder.control(empresa.nu_nire, [Validators.required]),
      ds_logradouro: this.formBuilder.control(empresa.ds_logradouro, [Validators.required]),
      no_bairro: this.formBuilder.control(empresa.no_bairro, [Validators.required]),
      nu_numero: this.formBuilder.control(empresa.nu_numero, [Validators.required]),
      ds_complemento: this.formBuilder.control(empresa.ds_complemento, [Validators.required]),
      cd_cidade: this.formBuilder.control(empresa.cd_cidade, [Validators.required]),
      img_empresa: this.formBuilder.control(empresa.img_empresa, [Validators.required]),
      cd_estado: this.formBuilder.control(empresa.Uf, [Validators.required])

    })
  }

Agora vamos para o momento que envio ao backend

Tenho um array assim
numbers =[{"nu_telefone":"6436452145"},{"nu_telefone":"64999965412"},{"nu_telefone":"64999965236"}];
      update(form) {
         // Preciso enviar esse form com o numero de telefone igual no primeiro exemplo com o json.
         this.empresaService.update(form)
      }

2 Respostas 2

0

Segue solução.

Adicionei no formBuilder

numbers: this.formBuilder.array([])

ficando assim.

  initializeForm(empresa) {
    this.form = this.formBuilder.group({
      cd_empresa: this.formBuilder.control(empresa.cd_empresa, [Validators.required]),
      no_empresa: this.formBuilder.control(empresa.no_empresa, [Validators.required]),
      no_fantasia: this.formBuilder.control(empresa.no_fantasia, [Validators.required]),
      nu_cnpj: this.formBuilder.control(empresa.nu_cnpj, [Validators.required]),
      nu_nire: this.formBuilder.control(empresa.nu_nire, [Validators.required]),
      ds_logradouro: this.formBuilder.control(empresa.ds_logradouro, [Validators.required]),
      no_bairro: this.formBuilder.control(empresa.no_bairro, [Validators.required]),
      nu_numero: this.formBuilder.control(empresa.nu_numero, [Validators.required]),
      ds_complemento: this.formBuilder.control(empresa.ds_complemento, [Validators.required]),
      cd_cidade: this.formBuilder.control(empresa.cd_cidade, [Validators.required]),
      img_empresa: this.formBuilder.control(empresa.img_empresa, [Validators.required]),
      cd_estado: this.formBuilder.control(empresa.Uf, [Validators.required]),
      numbers: this.formBuilder.array([])

    })
  }

segue funcoes que fazem o serviço.

initNumbers() {
    // initialize our address
    return this.formBuilder.group({
      nu_telefone: [this.numero]
    });
  }
  addNumbers() {
    // add address to the list
    const control = <FormArray>this.form.controls['numbers'];
    control.push(this.initNumbers());
  }
  removeNumbers(i: number) {
    // remove address from the list
    const control = <FormArray>this.form.controls['numbers'];
    control.removeAt(i);
  }
  getTelefones() {
    this.loader = true
    this.empresaService.getTelefones().subscribe(telefones => {
      this.telefones = telefones
      for (var item of this.telefones) {
        this.numero = item.nu_telefone;
        this.adicionarNumero();
        this.loader = false
      }
    });
  }
  adicionarNumero() {
    this.numbers.push({ "nu_telefone": this.numero })
    this.addNumbers();
  }
0

Com base nos exemplos deste post eu fiz uma adaptação, no meu caso funcionou.

Declare um array newNumber

newNumber: any[] = [{
  id: 0,
  number: '',
}];

No form o numbers fica desta maneira:

 initializeForm(empresa) {
  this.form = this.formBuilder.group({
  cd_empresa: this.formBuilder.control(empresa.cd_empresa, [Validators.required]),
  no_empresa: this.formBuilder.control(empresa.no_empresa, [Validators.required]),
  no_fantasia: this.formBuilder.control(empresa.no_fantasia, [Validators.required]),
  nu_cnpj: this.formBuilder.control(empresa.nu_cnpj, [Validators.required]),
  nu_nire: this.formBuilder.control(empresa.nu_nire, [Validators.required]),
  ds_logradouro: this.formBuilder.control(empresa.ds_logradouro, [Validators.required]),
  no_bairro: this.formBuilder.control(empresa.no_bairro, [Validators.required]),
  nu_numero: this.formBuilder.control(empresa.nu_numero, [Validators.required]),
  ds_complemento: this.formBuilder.control(empresa.ds_complemento, [Validators.required]),
  cd_cidade: this.formBuilder.control(empresa.cd_cidade, [Validators.required]),
  img_empresa: this.formBuilder.control(empresa.img_empresa, [Validators.required]),
  cd_estado: this.formBuilder.control(empresa.Uf, [Validators.required]),
  numbers: this.formBuilder.array([])

  })
}

functions:

addNumbers(){
  this.newNumber.push({
    id: this.newNumber.length,
    number: '',
  });
}
getNumber(inputValue: any, index: number){
  this.newNumber.forEach((item: any) => {
    if(item.id === index){
      item.number = inputValue.value;
    }
    return this.newNumber;
  });

  this.tels.patchValue(this.newNumber);

}
get tels(): FormArray{
  return this.form.controls['numbers'] as FormArray;
}

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 .