select - Ionic 2 ionic 选择不显示所选选项

Question

使用模型驱动表单选择默认选项，因此已设置residence:

<ion-select formControlName="residence">
   <ion-option [value]='"0"'>{{freeCalcForm.controls.partyAName.value}}</ion-option>
   <ion-option [value]='"1"'>{{freeCalcForm.controls.partyBName.value}}</ion-option>
</ion-select>

我没有看到所选值:

但是单击 ionic 选择会显示该值已正确选择:

我在第一个选项上尝试了 selected="true" 和 selected="selected" ，但没有任何效果。

Answer 1

您应该将模型绑定(bind)到您的选择:

<ion-select [(ngModel)]="myModel">

并在模型中设置默认选择。例如:

// page.html
<ion-select [(ngModel)]="gender">
  <ion-option value="f">Female</ion-option>
  <ion-option value="m">Male</ion-option>
</ion-select>

// page.js
export class BasicPage {
  gender: string = "f";
}

示例从 here 截断.