提问者:小点点

角度 6 材料垫选择更改方法删除


在Angular Material Design 6中,删除了(更改)方法。当用户更改选择时,我应该如何替换change方法来执行组件中的代码?


共3个答案

匿名用户

将其从更改更改为选择更改

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

现在

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

https://material.angular.io/components/select/api

匿名用户

如果你使用的是反应式表单,你可以像这样监听选择控件的变化..

this.form.get('mySelectControl').valueChanges.subscribe(value => { ... do stuff ... })

匿名用户

对于:

1)mat-select < code >(selection change)= " my function()" 在angular中的工作方式如下:

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)简单的html选择(更改)="myFunction()"在角度上工作为:

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
}