Ionic 2 select：删除所选的选项

Question

我以某种形式使用了离子选择组件，但遇到了一个问题：如果用户选择了一个选项，但随后想要删除它，则它不会给出该选项。我可以添加一个<ion-option>具有空白值的值，但认为效果不好。有没有更好的方法来解决这个问题？

编辑：这就是我现在选择的方式：

如果用户选择了一个选项，然后改变了主意，但又不想选择任何选项，则似乎不清楚他的选择方式。即使添加带有空白值的“删除选项”，它仍然看起来像一个选项，对我来说似乎并不好。使用传统选择，没有文本的空白选项看起来非常直观。但是在这种情况下，我在考虑诸如“（X）删除所选内容”，页脚中“ Cancelar / Confirmar”选项附近的问题。有任何想法吗？ps：而且，ion-option似乎剥夺了我放在我的选项上的所有html标签，因此格式化“不选择”选项的格式非常困难

Answer 1

如果用户想ion-select再次单击并选择一个select-nothing选项，则@sonu的解决方案将起作用，但是我觉得这种体验并不令人满意。

另一种获取所需内容的方法是使用旁边的小清除按钮ion-select，该按钮仅在用户已选择某项时显示：

  <ion-label>Options</ion-label>
  <ion-select [(ngModel)]="option">
    <ion-option value="f">Female</ion-option>
    <ion-option value="m">Male</ion-option>
  </ion-select>

  <div *ngIf="option=='m' || option=='f'">
    <ion-label> {{option}} </ion-label>
    <ion-button  (click)='removeSelection()'>
       <ion-icon name='close'></ion-icon>
    </ion-button>
  </div>

可以通过设置removeSelection()将选择更改为的功能在哪里。"No selection"this.option=null

当然，您可以根据需要设置此按钮的样式。您可能还想看看离子芯片。特别地，删除芯片是实现您的意图的一种方法。