Angular Reactive Forms Select not showing initial value

Question

I'm trying to load some selects with predefined values in angular reactive form, But initial value is not showing up.

These values are objects. Don't know if this has any effect on the issue.

Below is the sample Stackblitz on this:

Thanks for any advise.

rmlockerd · Accepted Answer · 2021-07-31 04:37:53Z

1

You should use compare function like this:

<select [compareWith]="compareFn"

and then:

compareFn = this._compareFn.bind(this);

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

rmlockerd

4,1462 gold badges21 silver badges28 bronze badges

answered Jul 30, 2021 at 14:29

Mohammad Babaei

4937 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

had to add nullcheck but thats totaly the right answer