0

eu utilizo a ultima versão do angular, e estou tendo uma baita dificuldade para passar um valor para o campo, segue detalhes abaixo

estou puxando dados de uma api e enviando em lista para um select

<option *ngFor="let perfil of perfilAdd">{{perfil.name}}</option>

feito isso, ao selecionar eu preciso que ele me retorne nome e id, infelizmente o objeto id está null, então preciso que seja manipulado, para que ao selecionar ele retorne o valor certo..

Podem me ajudar?

1
  • o que está nulo é o item "perfil.id" ou a tag <option>? Se for a tag, você pode complementar com: <option [value]="perfil.id">{{perfil.name}}</option>
    – brenodiogo
    22/08/2019 às 0:01

1 Resposta 1

1

Se você só quiser o valor do campo selecionado, nem precisa preencher o atributo value:

<select (change)="onChange($event.target.value)">
    <option *ngFor="let perfil of perfilAdd" >{{perfil.name}}</option>
</select>

onChange(deviceValue) {
    console.log(deviceValue);
}

Se você quiser manipular, binda o elemento value ao id do perfil.

<select [ngModel]="perfilSelecionado" (ngModelChange)="onChange($event)" name="sel2">
    <option [value]="perfil.id" *ngFor="let perfil of perfilAdd">{{perfil.name}}</option>
</select>

export class AppComponent  {
  name = 'Angular';
  perfilAdd = [{id:1, name:"nome1"},{id:2, name:"nome2"}];

onChange(event) {
  console.log (event);
}

}

Mais detalhes nessa resposta.

O código funcionando aqui.

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 .