Recuperare la label di una Dropdown in PrimeNG
Abbiamo la nostra bella Dropdown in PrimeNG che ha un valore numerico (tendenzialmente un id da un database) e una label (che in genere è la descrizione per noi poveri esseri umani).
La mia necessità è di mettere la descrizione dentro ad un campo di testo quando cambio valore.
La cosa è abbastanza semplice; cominciamo dalla Dropdown:
<p-dropdown #drpDiz formControlName="dizionario_codice" [options]="dizionari"
optionLabel="dz_descrizione"
optionValue="dz_codice" [showClear]="true" [filter]="true"
filterBy="dz_descrizione" placeholder="Seleziona dizionario"
(onChange)="onDizionarioChange($event, drpDiz)">
</p-dropdown>
Come vedete abbiamo impostato una referenza all'elemento (il #drpDiz) che passiamo alla nostra funzione.
Il codice Typescript della funzione è questo:
onDizionarioChange(event, dd: Dropdown) {
console.log(dd.selectedOption.dz_descrizione);
}
Ovviamente dz_descrizione corrisponde all'optionLabel che abbiamo impostato nella Dropdown.
Enjoy!
javascript typescript angular primeng dropdown
Commentami!