ионный выбор не будет правильно отображаться с динамическими значениями?Ионная 4

Question

Я столкнулся с проблемой при использовании ionic 4 и ionic-select.Проблема возникает, когда у меня есть некоторые данные, и я связываю данные.В этом примере у меня уже есть предварительно выбранные данные, когда я делаю так, ионный выбор не рендерится должным образом.

      <ion-item class="transparent">
        <ion-label position='floating'>{{ 'GENDER_TXT' | translate}}</ion-label>
        <ion-select interface="popover" color='medium' [(ngModel)]='Gender' formControlName='genderTxt'>
          <ion-select-option *ngFor='let g of Genders' [value]='g'>{{g.GENDER}}</ion-select-option>
        </ion-select>
      </ion-item>

      this.getGendersSub = this.proxy.Get_Genders(param).subscribe((data) => {
        this.Genders = data;
        this.Gender = this.Genders[0];
      });

Демонстрационное изображение

Answer 1

удалить директиву ngmodel [(ngModel)]='Gender', когда вы используете реактивную форму, вы можете установить выбранное значение с помощью элемента управления формы обновления genderTxt значение

this.getGendersSub = this.proxy.Get_Genders(param).subscribe((data) => {
  this.Genders = data;
  this.form.get(`genderTxt`).setValue(this.Genders[0]);
 });

демо ??