Question

在IOS上，轻按“离子选择”不会触发选择。当点击其边界/边界时，它便会这样做。

错误代码示例：

    <ion-list>
    <ion-item no-padding>
      <ion-label position="floating">{{'GENDER' | translate}}</ion-label>
      <ion-select formControlName="gender">
        <ion-select-option value="male">{{"MALE" | translate}}</ion-select-option>
        <ion-select-option value="female">{{"FEMALE" | translate}}</ion-select-option>
      </ion-select>
    </ion-item>
    </ion-list>

我想念什么吗？

Answer 1

将tappable属性添加到<ion-item>：

<ion-list>
 <ion-item tappable no-padding>
    <ion-label position="floating">{{'GENDER' | translate}}</ion-label>
    <ion-select formControlName="gender">
    <ion-select-option value="male">{{"MALE" | translate}}</ion-select-option>
    <ion-select-option value="female">{{"FEMALE" | translate}}</ion-select-option>
    </ion-select>
 </ion-item>
</ion-list>

Answer 2

有问题的部分是position="floating"元素上的label。删除它，或放入类似stacked之类的东西可以解决此问题。

<ion-list>
  <ion-item no-padding>
    <ion-label>{{'GENDER'}}</ion-label>
    <ion-select formControlName="gender">
      <ion-select-option value="male">{{"MALE" }}</ion-select-option>
      <ion-select-option value="female">{{"FEMALE"}}</ion-select-option>
    </ion-select>
  </ion-item>
</ion-list>

离子4：离子选择在IOS上效果不佳

2 个答案: