如何在 angular 材料 8 中的 Mat select 选项中设置/显示选定的多个值

Question

当我单击编辑图标然后显示编辑模式时，尺寸不显示像这样选择的多个值

尺寸未显示选定的值

<mat-form-field appearance="outline" class="size-input" >
          <mat-label>Sizes</mat-label>
          <mat-select placeholder="Select Sizes"
            [formControl]="sizesFormControl" multiple>
            <mat-option *ngFor="let sizes of gasCylinderSizeArray" [value]="sizes" >
              {{sizes}}
            </mat-option> 
          </mat-select>
        </mat-form-field>

我想在编辑时在垫子 select 选项上设置多个值，任何帮助如何实现这一点都会很棒。 我想设置多个选定的值。

但我也尝试过但没有在以下代码中工作： -

ngOnInit() {
  let self = this;
      this.sizesFormControl.setValue([self.data.sizes]);
      //self.sizesFormControl.value = self.data.sizes;
    }
  }

Answer 1

当我单击编辑图标然后显示编辑模式时，尺寸不显示像这样选择的多个值

尺寸未显示选定的值

<mat-form-field appearance="outline" class="size-input" >
          <mat-label>Sizes</mat-label>
          <mat-select placeholder="Select Sizes"
            [formControl]="sizesFormControl" multiple>
            <mat-option *ngFor="let sizes of gasCylinderSizeArray" [value]="sizes" >
              {{sizes}}
            </mat-option> 
          </mat-select>
        </mat-form-field>

我想在编辑时在垫子 select 选项上设置多个值，任何帮助如何实现这一点都会很棒。 我想设置多个选定的值。

但我也尝试过但没有在以下代码中工作： -

ngOnInit() {
  let self = this;
      this.sizesFormControl.setValue([self.data.sizes]);
      //self.sizesFormControl.value = self.data.sizes;
    }
  }