angular select change code example

Example 1: get value onChange from mat-select angular

<mat-select (selectionChange)="doSomething($event)">

Example 2: select onchange pass option value in angular 6

<select (change)="onChange($event.target.value)">
    <option *ngFor="let i of devices">{{i}}</option>
</select>

onChange(deviceValue) {
    console.log(deviceValue);
}

Example 3: ngmodel change

<select [ngModel]="selectedItem" (ngModelChange)="onChange($event)">
onChange(newValue) {
    console.log(newValue);
    this.selectedItem = newValue;  // don't forget to update the model here
    // ... do other stuff here ...
}

Example 4: onchange event angular select

-------------For Two Way Data Binding-----------------
<select [ngModel]="selectedDevice" (ngModelChange)="onChange($event)" name="deviceText">
    <option [value]="i" *ngFor="let i of devices">{{i}}</option>
</select>

onChange(event){
selectedDevice=event;
  -----
  -----
}