bug: Can not selet ion-select when FormControl setValue or Show blank but actually selected

Bug Report

Can not select ion-select when FormControl setValue . Actually it’s selected but on display is blank. It’s will be not blank if we give setTimeOut on it like this.

Blank on ion-select

this.myForm.controls.City.setValue(this.city_data[i].id);

Not Blank on ion select

setTimeout( () => {
   this.myForm.controls.City.setValue(this.city_data[i].id);
});

This only happen on data ion-select who data get from server using for. Data item who already write on html will running good when using setValue. Example

<ion-select (ngModelChange)="getStates($event)" formControlName="Country" [class.invalid]="!myForm.controls['Country'].valid && (myForm.controls['Country'].dirty || submitAttempt)">
    <ion-select-option value="{{dm1.id}}" *ngFor="let dm1 of country_data">{{dm1.name}}</ion-select-option>
</ion-select>

Ionic version: [x] 4.9.1

Angular version: [x] 8.2.6

[3alampro]

I’m having similar issue ion-select where options come from server request don’t show selected value but when I click on it it update and show the correct selected value

<ion-select [(ngModel)]="filters.category" placeholder="{{ 'FILTER.all_placeholder' | translate }}">
  <ion-select-option value="{{ category.id }}" *ngFor="let category of categories?.data">
    {{ category.name }}
  </ion-select-option>
</ion-select>

[ionitron-bot[bot]]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.