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!