如何在点击时选择离子选项而不是单击确定

Question

我正在开发一个移动应用程序，我有一个场景，我用ion-option ion-select工作正常。但是，我想消除"确定/取消"按钮，这样我就不必单击任何此按钮来选择我的选项。

我想要的是能够点击一个选项，它会自动选择，而无需单击"确定"。

形式.html

      <ion-card class="card-space">
        <ion-item>
          <ion-label stacked>Title</ion-label> 
          <ion-select multiple="false" text-wrap>
            <ion-option>Mr</ion-option>
            <ion-option>Mrs</ion-option>
            <ion-option>Miss</ion-option>
            <ion-option>Dr</ion-option>
            <ion-option>Arch</ion-option>
            <ion-option>Bishop</ion-option>
            <ion-option>Pst</ion-option>
          </ion-select>
        </ion-item>
      </ion-card>

Answer 1

您需要

做的是设置 interface 属性。

<ion-select multiple="false" interface="popover" text-wrap>
 <ion-option>Mr</ion-option>
 <ion-option>Mrs</ion-option>
 <ion-option>Miss</ion-option>
 <ion-option>Dr</ion-option>
 <ion-option>Arch</ion-option>
 <ion-option>Bishop</ion-option>
 <ion-option>Pst</ion-option>
</ion-select>

通常，您可以在其API部分下找出离子指令的详细信息。