如何在离子中为性别创建切换按钮

Question

我对ionic不熟悉，我希望能够在我的应用程序中创建一个性别切换按钮。我不想使用复选框，而是将复选框转换为下图所示的图像。

如果我要在 html和jQuery 中构建它，它将是这种方式

28

在jQuery中

<div class="checkbox">
      <input type="checkbox" name="gender" id="gender" checked />
     </div>
    </div>
    <input type="hidden" name="hidden_gender" id="hidden_gender" value="Male" />

谢谢。

Answer 1

我认为您正在寻找的是<ion-toggle/>。

有关此组件的文档，请参见：https://ionicframework.com/docs/components/#toggle

这是我在Angular应用程序中使用标记的方式的一行复制/粘贴：

<ion-toggle [(ngModel)]="track.isChecked" color="secondary"></ion-toggle>