Question

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

<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>

离子3：离子选择取消选择所选选项

1 个答案: