Angular Reactive Forms Select 不显示初始值

Question

我正在尝试以角度反应形式加载一些具有预定义值的选择，但未显示初始值。

这些值是对象。 不知道这对问题有没有影响。

以下是关于此的示例 Stackblitz：

https://stackblitz.com/edit/angular-ivy-xrapce?file=src%2Fapp%2Fselect-form%2Fselect-form.component.ts

感谢您的任何建议。

Answer 1

你应该像这样用户比较函数：

<select [compareWith]="compareFn" 

然后

compareFn = this._compareFn.bind(this);

_compareFn(a, b) {
return a.id === b.id;

}