Ion-option not binding to ion-select

Ionic Framework
1

I’m completely new in ionic and I cannot understand why after I select another ion-option from my ion-select array it’s getting unchecked? Here is my code:

<ion-list>
  <ion-card-content *ngFor="let filter of filters" class="card-wrapper">
    <ion-item class="checkbox-item">
      <ion-label> {{filter.name}}</ion-label>
      <ion-checkbox item-right [(ngModel)]="filter.checked"></ion-checkbox>
    </ion-item>
    <ion-item>
     <ion-select [(ngModel)]="option">
      <ion-option *ngFor="let option of filter.data" [value]="option.id">{{option.name}}</ion-option>
     </ion-select>
    </ion-item>
  </ion-card-content>
</ion-list>

This is how it looks when I select first option - everything is ok.

selected-option1
selected-option1.PNG602×807 24.3 KB

Then I’m selecting option from another ion-select and then selected option from first ion-select disappears

selected-option2
selected-option2.PNG570×742 16.6 KB

Could someone tell me what am I doing wrong?

2

@andziaoo7 Were you able to solve this issue?
I am getting the same error.