Question

使用离子4和离子选择时，我遇到了问题。问题出在我有一些数据并且正在绑定数据时。在此示例中，我已经有一个预先选择的数据，当我这样做时，ion-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];
      });

Demo Image

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]);
 });

demo ??

ionic select不能正确显示动态值？离子4

1 个答案: