Ionic 3：离子选择取消选择选定的选项答案

【问题标题】：Ionic 3: Ion-select unselect selected optionIonic 3：离子选择取消选择选定的选项
【发布时间】：2019-10-27 19:59:41
【问题描述】：

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

<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，但没有任何线索。一旦之前触摸/选择了一个选项，用户如何取消选择该选项？

【问题讨论】：

您可以在该字段旁边添加一个clear/reset 按钮，然后在点击事件中执行以下操作：this.gender = null;

标签： ionic-framework ionic3

【解决方案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>

【讨论】：