[SOLVED ] BUG on Ionic 3.1.0 : FormBuilder and ion-select

Ionic Framework ionic-v3
1

In the below example ‘Banana’ option is NOT selected.

It was working perfectly with Ionic 3.0.1

form: FormGroup;

  constructor(fb: FormBuilder) {
    this.form = fb.group({
      fruit: ["banana"],
    });
  }

  <form [formGroup]="form">
    <ion-select formControlName="fruit">
      <ion-option value="apple">apple</ion-option>
      <ion-option value="banana">banana</ion-option>
      <ion-option value="cherimoya">cherimoya</ion-option>
    </ion-select>
  </form>

All my packages are updated as mentioned here : https://github.com/driftyco/ionic/releases/tag/v3.1.0

1 Like
2

For some reason that code looks oddly familiar.

I’m hopeful that this commit might fix this.

UPDATE: I think it does. I just pulled the nightly and the issue seems to be resolved.

3

Which probably means:
Updating Ionic to 3.1.1 should solve the problem.

4

Yes after update to 3.1.1 the problem is solve.
I think 3.1.0 is very bugs with ion-option and ion-datetime

they fixed in 3.1.1

5

Yes, seems some things slipped through in 3.1.0. That’s why 3.1.1 was released so quick after.

1 Like
6

I upgraded to 3.1.1 => bug is solved.

Thanks

1 Like
7

I am having the same problem. My Ionic version is 3.2.0, did the problem maybe occur with the new version again?
I followed https://github.com/driftyco/ionic/blob/master/CHANGELOG.md to upgrade my version