Recuperare la label di una Dropdown in PrimeNG

Mattepuffo's logo
Recuperare la label di una Dropdown in PrimeNG

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!


Condividi su Facebook

Commentami!