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;
}