typescript selection在mat-select中更改不起作用Angular 13

bwleehnv  于 2022-12-14  发布在  TypeScript
关注(0)|答案(3)|浏览(121)

我已经创建了一个带有selectionChange事件的mat-select,但是当值被更改时,该事件没有被触发。

html文件

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

ts文件

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

68de4m5k1#

MatSelectModule导入到您应用程序.模块.ts

nbysray5

nbysray52#

我已经准备了一个工作演示来展示selectionChange的用法,这样您就可以将其与您的案例进行比较,看看缺少了什么:working demo
每次更改选择时,模板中的一个数字都会增加1,以表示事件被触发。希望这对您有所帮助。

4dc9hkyq

4dc9hkyq3#

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

你可以试试,这边

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

相关问题