Ionic 2 ion-selected未显示所选选项

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>

我没有看到所选的值：

但点击离子选择表示已正确选择值：

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

Answer 1

您应该将模型绑定到您的选择：

<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截断的示例。