Angular material mat-option on select item

Il framework Angular Material, offre una serie di controlli, tra questi anche l'elenco a discesa, detta combobox o dropdownlist.

Nel caso che si vuole gestire la selezione di un elemento, dobbiamo utilizzare l'evento "OnSelectionChange" con il quale possiamo passare anche l'oggetto del singolo elemento.

Questo evento è da inserire nel singolo elemento e non nel controllo "Mat-Select".

Di seguito un esempio di utilizzo

HTML:

 <mat-select >

      <mat-option *ngFor="let oggetto of listaOggetti"

[value]="oggetto.id"  (onSelectionChange)="onSelectEvent($event, oggetto)">

                        {{ testo }}

</mat-option>

    </mat-select>

TypeScript:

onSelectEvent(value: any, oggetto: classe){

 }