How to return all elements of the Angular array

Question

why is returning only the last position of the array instead of all ???

showChildModal3(Candidato: Candidato) {

this.CandidatoService.getCandidatoById(+Candidato.id)
.subscribe( data => {

  for (let c of Candidato.veiculos) {
  this.selectedObjects = []
  this.selectedObjects.push([c.id]);
  this.formularioEdit.patchValue(
    {
     nome:Candidato.nome,
     email: Candidato.email,
     cpf: Candidato.cpf,
     rua: Candidato.rua,
     bairro: Candidato.bairro,
     cidade: Candidato.cidade,
     UF: Candidato.UF,
     tipo: Candidato.tipo_cliente,
     veiculos: this.selectedObjects
    });
  }
});

 this.lgModal3.show();

      }

Answer 1

Man I was in the same trouble and this here worked for me. Search for "Select with custom Trigger text" on the page that has an example of how to do according to the documentation.

here my code that worked, ts ta very similar to the example ai link <mat-form-field> <mat-label>Carros:</mat-label> <mat-select id="slt_carro" [formControl]="toppings" [(ngModel)]="usuario.carros" [(value)]="usuario.carros" multiple> <mat-option *ngFor="let carro of carros" [value]="carro.id" >{{carro.nome}}</mat-option> </mat-select> </mat-form-field>

I hope it helps you!

Answer 2

Hi,

Assuming your code is correct (which I’m in doubt), you could make the following change, maybe it works:

showChildModal3(Candidato: Candidato) { this.CandidatoService.getCandidatoById(+Candidato.id)
.subscribe( data => {


    this.selectedObjects = []
    const valores = [];

    for (let c of Candidato.veiculos) {
      this.selectedObjects.push([c.id]);
        valores.push(
            {
                 nome:c.nome,
                 email: c.email,
                 cpf: c.cpf,
                 rua: c.rua,
                 bairro: c.bairro,
                 cidade: c.cidade,
                 UF: c.UF,
                 tipo: c.tipo_cliente,
                 veiculos: this.selectedObjects //??
            }
        )
    }

    this.formularioEdit.patchValue(valores);
});
this.lgModal3.show();}

Furthermore, you could change this for by an Array.map(fn)(https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map)

You could see in more detail about reactive Forms: https://angular.io/guide/reactive-forms

Good luck.