Ionic 切换开关

17 Mar 2025 | 阅读 2 分钟

Ionic toggle 是一种持有布尔值的输入组件。它改变单个选项的状态。它允许用户通过按下或滑动来切换设置的**开**或**关**。 也可以使用 **checked** 属性以编程方式进行检查。您还可以将不同的属性(例如 **disabled** 和 **value**)应用于切换,以控制其行为。

以下示例显示了如何在您的 Ionic 应用程序中使用 **<ion-toggle>** 组件。在这里,我们可以看到默认切换、已选中切换和已禁用切换。

示例

输出

Ionic Toggle

样式化切换

切换元素的样式设置非常容易。 它使用 Ionic 框架中可用的所有颜色。 以下示例显示了将不同颜色与列表和切换元素一起使用。

示例

输出

Ionic Toggle
下一主题Ionic 工具栏