在 mat-select 中获取选定的选项（多个）

Question

我有一个启用了多个选项的垫选择框。当 onSelectionChange 事件发生时，formControl 没有正确更新。 要更清晰，假设选择框是否包含选项： - Opt-1，Opt-2，Opt-3，Opt-4以及选择Opt-1时，不更新FormControl。当我们只选择下一个选项时，之前的值会被更新。例如，如果我在 opt-1 之后选择 opt-2，则只会更新 opt-1，如果之后选择 opt-3，则在 formControl 中更新 opt-1 和 opt-2，但不会更新 opt-3更新。下面是我的示例代码。

<mat-select formControlName="selectme" multiple>
   <mat-option *ngFor="let opt for Options" [value]="opt" (onSelectionChange)="printFormControlValue()">
      {{opt}}
   </mat-option>
</mat-select>

//ts file
printFormControlValue(){
console.log(this.formGroup.value.selectme);
}

每次触发 onSelectionChange 事件时，都会更新之前的值，而不是当前值。如何克服这个问题？

Answer 1

根据官方文档，你需要绑定<mat-select>元素而不是<mat-option> https://material.angular.io/components/select/api

<form [formGroup]="formGroup">
  <mat-form-field appearance="fill">
    <mat-select formControlName="selectme" multiple (selectionChange)="printFormControlValue($event)">
      <mat-option *ngFor="let opt of Options" [value]="opt" >
         {{opt}}
      </mat-option>
   </mat-select>
  </mat-form-field>
</form>