selectionChange in mat-select 不起作用 Angular 13

Question

I have created a mat-select with selectionChange event but when the value is changed the event is not fired.

html file

<mat-select (selectionChange)="changeCategory()">
                    <mat-option *ngFor="let category of categoryList" [value]="category._id">{{category.name}} </mat-option> </mat-select>

ts file

changeCategory(){
    console.log('ok')
  }

Answer 1

import MatSelectModule in your app.module.ts

Answer 2

I have prepared a working demo to show the usage of selectionChange so you can compare it with your case to see what is missing: working demo

Every time you change the selection, a number in the template is increase by 1 to show that the event is fired. I hope it helps.

Answer 3

<mat-select
            (selectionChange)="select($event)"
            required
            formControlName="adquiriente"
          >

You can try, this way

select(event) {
    console.log(event.value);
    // let value = event.
  }