ionic-framework - ionic 3 : Ion-select unselect selected option

Question

我的模板中有一个简单的 ionic 选择。它不是必填字段，因此不允许选择任何选项。

<ion-item>
  <ion-label>Gender</ion-label>
  <ion-select [(ngModel)]="gender" placeholder ="- Any -">
    <ion-option value="f">Female</ion-option>
    <ion-option value="m">Male</ion-option>
  </ion-select>
</ion-item>

我已经放置了一个 placeholder="any"并正常工作，直到用户不选择任何内容。但是，一旦用户选择了其中一个选项并决定不再选择任何选项，用户就不能再选择不选择。我看了 docs但无法得到任何线索。一旦之前触摸/选择了其中一个选项，用户如何取消选择该选项？

Answer 1

最简单的方法是添加任何您想要的任何或任何内容的第三个选项

<ion-item>
  <ion-label>Gender</ion-label>
  <ion-select [(ngModel)]="gender" placeholder ="- Any -">
    <ion-option value="f">Female</ion-option>
    <ion-option value="m">Male</ion-option>
    <ion-option value="">- Any -</ion-options>
  </ion-select>
</ion-item>