Question

我正在开发一个Ionic应用程序，并希望实现一个简单的表单页面。我想重复使用相同的组件来创建和编辑我正在使用的实体。

我需要用户输入的其中一个字段是＆＃34;场合＆＃34;在我的模型中是一个包含id，name和其他一些字段的对象。

它非常适合添加，但是当我使用实体到达此页面时，为了编辑它，所有字段都已预先填充，但是离子选择。

这是组件构造函数中代码的一部分：

this.editedWish = navParams.get('wish') || null;
if (this.editedWish) {
  this.isEdited = true;
  this.title = this.editedWish.title;
  this.description = this.editedWish.description;
  this.occasion = this.editedWish.occasion;
}

this.form = formBuilder.group({
  title: [this.title, Validators.required],
  description: [this.description],
  occasion: [this.occasion, Validators.required]
});

就html模板而言：

 <ion-item>
    <ion-select formControlName="occasion" interface="popover">
      <ion-option *ngFor="let occasion of occasions" [value]="occasion">
        {{occasion.name | translate }}
      </ion-option>
    </ion-select>
  </ion-item>

你们知道为什么离子选择也没有预先填充吗？谢谢你的帮助

Answer 1

几天前我遇到了同样的问题，这对我有用（添加'translate'属性）：

<ion-option *ngFor="let occasion of occasions" [value]="occasion" translate="occasion.name">       
  </ion-option>

离子3 formControl离子选择初始值

1 个答案: