Angular 6 Material mat-select change method removed
The changed it from change
to selectionChange
.
<mat-select (change)="doSomething($event)">
is now
<mat-select (selectionChange)="doSomething($event)">
For:
1) mat-select (selectionChange)="myFunction()"
works in angular as:
sample.component.html
<mat-select placeholder="Select your option" [(ngModel)]="option" name="action" (selectionChange)="onChange()"> <mat-option *ngFor="let option of actions" [value]="option"> {{option}} </mat-option> </mat-select>
sample.component.ts
actions=['A','B','C'];onChange() { //Do something}
2) Simple html select (change)="myFunction()"
works in angular as:
sample.component.html
<select (change)="onChange()" [(ngModel)]="regObj.status"> <option>A</option> <option>B</option> <option>C</option></select>
sample.component.ts
onChange() { //Do something}