如何在 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;
    }
  }