Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Como resetar um select?

Olá, eu tenho uma tag select e queria resetar os options a cada tecla que eu digitar, como faço isso no angular?

1 resposta
solução!

Olá, Pablo! Tudo bem?

Desculpa pela demora!

Você pode fazer isso escutando os eventos de tecla do usuário, com keyup:

<input (keyup)="atualizaSelect()" [(ngModel)]="valorDigitado" />

Com isso, você tem acesso ao valor digitado, e um método será invocado sempre que o usuário digitar um caractere, apagar, etc.

Supondo que o seu select também seja baseado em algo do componente, como uma coleção, você poderia fazer algo como:


valorDigitado = '';
valoresSelect = [];
valorSelecionado = ''

atualizaSelect() {
  // lógica de atualização baseada no valor digitado

  this.valoresSelect = novosValores;
}
<select [(ngModel)]="valorSelecionado">
  <option *ngFor="let valor of valoresSelect" [ngValue]="valor">{{valor}}</option>
</select>

Acredito que seja isso. Espero ter ajudado, bons estudos!

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software