How to set pre-select dropdown with reactive forms? Angular

Question

i need to set preselect dropdown on edit. I am using reactive forms. Check my code:

Gauthier Tassin · Accepted Answer · 2020-07-27 22:09:43Z

1

You bind your option with [ngValue]="test.value" but you set this.test[2] in your formGroup.

Replace : valueTest : [this.test[2]] by valueTest : [this.test[2].value]

Also, replace [ngValue] by [value]

also, you can try this to check was going on :

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

and

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

answered Jul 27, 2020 at 21:32

Gauthier Tassin

6181 gold badge5 silver badges21 bronze badges

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

2 Comments

try to replace [ngValue] by [value] ?

Hmmm no work...there is maybe somethink another problem..