离子复选框
复选框允许从一组选项中选择多个选项。当激活时，它们出现在检查（勾选）。单击复选框将切换
检查
财产。也可以通过设置以编程方式检查它们
检查
财产。
用法
<！ - 默认复选框 - >
<
离子复选框
>
离子复选框
>
<！ - 禁用复选框 - >
<
离子复选框
禁用
=
“
真的
“
>
离子复选框
>
<！ - 选中复选框 - >
<
离子复选框
检查
=
“
真的
“
>
离子复选框
>
<！ - 复选框颜色 - >
<
离子复选框
颜色
=
“
基本的
“
>
离子复选框
>
<
离子复选框
颜色
=
“
中学
“
>
离子复选框
>
<
离子复选框
颜色
=
“
危险
“
>
离子复选框
>
<
离子复选框
颜色
=
“
光
“
>
离子复选框
>
<
离子复选框
颜色
=
“
黑暗的
“
>
离子复选框
>
<！ - 列表中的复选框 - >
<
离子清单
>
<
离子项目
* Ngfor.
=
“
让表格输入
“
>
<
离子标签
>
{{条目.Val}}
离子标签
>
<
离子复选框
投币口
=
“
结尾
“
[（ngmodel）]
=
“
entry.ischecked.
“
>
离子复选框
>
离子项目
>
离子清单
>
复制
复制
进口
{
零件
}
从
'@ Angular / Core'
;
@
零件
（
{
选择器
：
'app-page-home'
那
templateURL.
：
'home.page.html'
那
样式堡垒
：
[
'home.page.scss'
]
}
的）
出口
班级
主页
{
民众
形式
=
[
{
瓦
：
'Pepperoni'
那
克服了
：
真的
}
那
{
瓦
：
'香肠'
那
克服了
：
错误的
}
那
{
瓦
：
'蘑菇'
那
克服了
：
错误的
}
]
;
}
复制
复制
<！ - 默认复选框 - >
<
离子复选框
>
离子复选框
>
<！ - 禁用复选框 - >
<
离子复选框
禁用
>
离子复选框
>
<！ - 选中复选框 - >
<
离子复选框
检查
>
离子复选框
>
<！ - 复选框颜色 - >
<
离子复选框
颜色
=
“
基本的
“
>
离子复选框
>
<
离子复选框
颜色
=
“
中学
“
>
离子复选框
>
<
离子复选框
颜色
=
“
危险
“
>
离子复选框
>
<
离子复选框
颜色
=
“
光
“
>
离子复选框
>
<
离子复选框
颜色
=
“
黑暗的
“
>
离子复选框
>
<！ - 列表中的复选框 - >
<
离子清单
>
<
离子项目
>
<
离子标签
>
意大利辣香肠
离子标签
>
<
离子复选框
投币口
=
“
结尾
“
价值
=
“
意大利辣香肠
“
检查
>
离子复选框
>
离子项目
>
<
离子项目
>
<
离子标签
>
香肠
离子标签
>
<
离子复选框
投币口
=
“
结尾
“
价值
=
“
香肠
“
禁用
>
离子复选框
>
离子项目
>
<
离子项目
>
<
离子标签
>
蘑菇
离子标签
>
<
离子复选框
投币口
=
“
结尾
“
价值
=
“
蘑菇
“
>
离子复选框
>
离子项目
>
离子清单
>
复制
复制
进口
反应
那
{
useestate.
}
从
'反应'
;
进口
{
离子联系
那
离子主艇
那
离子页面
那
iontitle.
那
Iontoolbar.
那
IonCheckbox.
那
离子列表
那
IoniTem.
那
Ionlabel.
那
Ionitemdivider
}
从
'@betway东盟体育app离子/反应'
;
Const.
复选列表
=
[
{
瓦
：
'Pepperoni'
那
克服了
：
真的
}
那
{
瓦
：
'香肠'
那
克服了
：
错误的
}
那
{
瓦
：
'蘑菇'
那
克服了
：
错误的
}
]
;
出口
Const.
复选框申请
：
反应
。
FC.
=
（
的）
=>
{
Const.
[
检查
那
setchecked.
]
=
useestate.
（
错误的
的）
;
返回
（
<
离子页面
>
<
离子主艇
>
<
Iontoolbar.
>
<
iontitle.
>
复选框申请
iontitle.
>
Iontoolbar.
>
离子主艇
>
<
离子联系
>
<
离子列表
>
<
Ionitemdivider
>
默认复选框
Ionitemdivider
>
<
IoniTem.
>
<
Ionlabel.
>
检查：
{
杰森
。
stryify.
（
检查
的）
}
Ionlabel.
>
<
IonCheckbox.
检查
=
{
检查
}
onionchange.
=
{
E.
=>
setchecked.
（
E.
。
细节
。
检查
的）
}
/>
IoniTem.
>
<
Ionitemdivider
>
已禁用复选框
Ionitemdivider
>
<
IoniTem.
>
<
IonCheckbox.
投币口
=
“
结尾
“
禁用
=
{
真的
}
/>
IoniTem.
>
<
Ionitemdivider
>
复选框颜色
Ionitemdivider
>
<
IoniTem.
>
<
IonCheckbox.
投币口
=
“
结尾
“
颜色
=
“
基本的
“
/>
<
IonCheckbox.
投币口
=
“
结尾
“
颜色
=
“
中学
“
/>
<
IonCheckbox.
投币口
=
“
结尾
“
颜色
=
“
危险
“
/>
<
IonCheckbox.
投币口
=
“
结尾
“
颜色
=
“
光
“
/>
<
IonCheckbox.
投币口
=
“
结尾
“
颜色
=
“
黑暗的
“
/>
IoniTem.
>
<
Ionitemdivider
>
清单中的复选框
Ionitemdivider
>
{
复选列表
。
地图
（
（
{
瓦
那
克服了
}
那
一世
的）
=>
（
<
IoniTem.
钥匙
=
{
一世
}
>
<
Ionlabel.
>
{
瓦
}
Ionlabel.
>
<
IonCheckbox.
投币口
=
“
结尾
“
价值
=
{
瓦
}
检查
=
{
克服了
}
/>
IoniTem.
>
的）
的）
}
离子列表
>
离子联系
>
离子页面
>
的）
;
}
;
复制
复制
进口
{
零件
那
H
}
从
'@模板/核心'
;
@
零件
（
{
标签
：
'复选框 - 例'
那
styleurl.
：
'checkbox-example.css'
}
的）
出口
班级
checkboxExample.
{
私人的
形式
=
[
{
瓦
：
'Pepperoni'
那
克服了
：
真的
}
那
{
瓦
：
'香肠'
那
克服了
：
错误的
}
那
{
瓦
：
'蘑菇'
那
克服了
：
错误的
}
]
;
使成为
（
的）
{
返回
[
//默认复选框
<
离子复选框
>
离子复选框
>
那
//禁用复选框
<
离子复选框
禁用
=
{
真的
}
>
离子复选框
>
那
//选中复选框
<
离子复选框
检查
=
{
真的
}
>
离子复选框
>
那
//复选框颜色
<
离子复选框
颜色
=
“
基本的
“
>
离子复选框
>
那
<
离子复选框
颜色
=
“
中学
“
>
离子复选框
>
那
<
离子复选框
颜色
=
“
危险
“
>
离子复选框
>
那
<
离子复选框
颜色
=
“
光
“
>
离子复选框
>
那
<
离子复选框
颜色
=
“
黑暗的
“
>
离子复选框
>
那
//列表中的复选框
<
离子清单
>
{
这
。
形式
。
地图
（
入口
=>
<
离子项目
>
<
离子标签
>
{
入口
。
瓦
}
离子标签
>
<
离子复选框
投币口
=
“
结尾
“
检查
=
{
入口
。
克服了
}
>
离子复选框
>
离子项目
>
的）
}
离子清单
>
]
;
}
}
复制
复制
<
模板
>
<！ - 默认复选框 - >
<
离子复选框
>
离子复选框
>
<！ - 禁用复选框 - >
<
离子复选框
禁用
=
“
真的
“
>
离子复选框
>
<！ - 选中复选框 - >
<
离子复选框
检查
=
“
真的
“
>
离子复选框
>
<！ - 复选框颜色 - >
<
离子复选框
颜色
=
“
基本的
“
>
离子复选框
>
<
离子复选框
颜色
=
“
中学
“
>
离子复选框
>
<
离子复选框
颜色
=
“
危险
“
>
离子复选框
>
<
离子复选框
颜色
=
“
光
“
>
离子复选框
>
<
离子复选框
颜色
=
“
黑暗的
“
>
离子复选框
>
<！ - 列表中的复选框 - >
<
离子清单
>
<
离子项目
v-for.
=
“
进入形式
“
>
<
离子标签
>
{{条目.Val}}
离子标签
>
<
离子复选框
投币口
=
“
结尾
“
@更新：
ModelValue.
=
“
entry.ischecked = $事件
“
：ModelValue.
=
“
entry.ischecked.
“
>
离子复选框
>
离子项目
>
离子清单
>
模板
>
<
脚本
>
进口
{
IonCheckbox.
那
IoniTem.
那
Ionlabel.
那
离子列表
}
从
'@betway东盟体育app ionic / vue'
;
进口
{
绝缘组分
}
从
'vue'
;
出口
默认
绝缘组分
（
{
成分
：
{
IonCheckbox.
那
IoniTem.
那
Ionlabel.
那
离子列表
}
那
设置
（
的）
{
Const.
形式
=
[
{
瓦
：
'Pepperoni'
那
克服了
：
真的
}
那
{
瓦
：
'香肠'
那
克服了
：
错误的
}
那
{
瓦
：
'蘑菇'
那
克服了
：
错误的
}
]
;
返回
{
形式
}
;
}
}
的）
;
脚本
>
复制
复制
特性
检查 |
|
|---|---|
| 描述 |
如果 |
| 属性 |
检查 |
| 类型 |
布尔 |
| 默认 |
错误的 |
颜色 |
|
| 描述 |
从应用程序的颜色调色板使用的颜色。默认选项是： |
| 属性 |
颜色 |
| 类型 |
字符串|不明确的 |
禁用 |
|
| 描述 |
如果 |
| 属性 |
禁用 |
| 类型 |
布尔 |
| 默认 |
错误的 |
不定 |
|
| 描述 |
如果 |
| 属性 |
不定 |
| 类型 |
布尔 |
| 默认 |
错误的 |
模式 |
|
| 描述 |
该模式确定要使用的平台样式。 |
| 属性 |
模式 |
| 类型 |
“ios”|“MD” |
姓名 |
|
| 描述 |
控件的名称，它提交了表单数据。 |
| 属性 |
姓名 |
| 类型 |
细绳 |
| 默认 |
这个.PutidId. |
价值 |
|
| 描述 |
复选框的值并不意味着如果它检查或不检查，请使用 复选框的值类似于值的值 |
| 属性 |
价值 |
| 类型 |
细绳 |
| 默认 |
'在' |
事件
| 姓名 | 描述 |
|---|---|
Ionblur. |
当复选框失去焦点时发出。 |
IonChange. |
当被检查的财产发生变化时发出。 |
离子啮合 |
当复选框有焦点时发出。 |
CSS阴影部件
| 姓名 | 描述 |
|---|---|
容器 |
复选框标记的容器。 |
标记 |
复选标记用于指示选中状态。 |
CSS自定义属性
| 姓名 | 描述 |
|---|---|
- 背景 |
复选框图标的背景 |
- 留守检查 |
检查盒图标的背景 |
- 边框颜色 |
复选框图标的边框颜色 |
- 拍摄色彩检查 |
检查后复选框图标的边框颜色 |
--bOrder-RADIUS. |
复选框图标的边界半径 |
- 字样风格 |
复选框图标的边框样式 |
- 宽度 |
复选框图标的边框宽度 |
--Checkmark-Color. |
选中时复选框复选标记的颜色 |
--Checkmark-Width. |
复选框中的笔划宽度复选标记 |
- 尺寸 |
复选框图标的大小 |
- 过渡 |
复选框图标的转换 |