在加载时动态使用反应形式将下拉选项预填充为对象

Question

当以反应形式使用mat-select时，当我们要为formControl'skillOptions'动态设置某些选项（即对象）作为默认选项时。它没有显示所选的值。

此处预览：https://stackblitz.com/edit/angular-evtdwq

Answer 1

您的问题陈述含糊不清，但是根据我的推断，您希望您的mat-select在init上显示指定的选定选项。您应该将option.value而不是整个option对象绑定到value。

首先，您无法将对象绑定到选择选项value属性

<form [formGroup]="skillForm">
  <mat-form-field>
  <mat-label>Select an option</mat-label>
  <mat-select formControlName="skillOptions">
    <mat-option *ngFor="let option of options" [value]="option.value">{{ option.label}}</mat-option>
  </mat-select>
</mat-form-field>
</form>

它应该在此demo上工作。