I have mat-select on (selectionChange) event I'm receiving undefined as a value of $event.value
. It returns correct value for first mat-option.mat-option with value 'All' it gives undefined
<mat-form-field>
<mat-select [(value)]="regionOption" (selectionChange)="regionSelectionChange($event)"
placeholder="Region">
<mat-option *ngFor="let region of regions" [value]="region.location_name">{{region.location_name}}</mat-option>
<mat-option [value]="All" >All</mat-option>
</mat-select>
</mat-form-field>
//ts
regionSelectionChange(regionName)
{
console.log(regionName);
}