Angular 在加载时使用反应式表单将下拉选项作为对象预填充

在反应式表单中使用mat select时，当我们希望为formControl“skillOptions”动态地将某些选项（即对象）设置为默认值时。它不显示所选的值

---

此处预览：

您的问题陈述相当模糊，但根据我的推断，您希望mat select在init上显示指定的选定选项。您应该将

选项.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>

选择一个选项
{{option.label}

---

它应该可以解决这个问题。

请准确描述您遇到的问题。需要更多详细信息。为什么不绑定

值而不是对象？像
[value]=“option.value”
？