如何使用反应式 forms 设置预选下拉菜单？ Angular

Question

我需要在编辑时设置预选下拉菜单。 我正在使用反应式 forms。 检查我的代码：

Answer 1

您将选项与[ngValue]="test.value"绑定，但您在 formGroup 中设置了 this.test[2]。

替换： valueTest: [this.test[2]]由valueTest: [this.test[2].value]

此外，将[ngValue]替换为[value]

另外，你可以试试这个来检查正在发生的事情：

compareObjects(o1: any, o2: any) {
  console.log('o1 : ', o1);
  console.log('o2 : ', o2);
  return (o1===o2)
}

和

<select 
class="form-control"   
formControlName="valueTest"
[compareWith]="compareObjects"
>