首页 > 解决方案 > Ionic 5,离子复选框这么晚的行为

问题描述

我试图在 ion-checkbox 上绑定检查的属性值,但行为有点晚了。

在我的 ts 文件中,我有一个数组变量user_id,在我的复选框列表中,我根据选中的复选框设置了填充此数组的操作,然后验证以生成选中属性的值:

<ion-checkbox [checked]="user_id.includes(user.id) ? true : false" (click)="AddUser(user)"><ion-checkbox>

user_id填充并且选中的值更改但复选框似乎未选中,当我尝试重新选中复选框时,值更改为 false 但复选框似乎已选中。

type如果值为真,我已经放置了一些功能来制作条件(示例变量),因此不显示复选框列表,并且使用该功能,当类型的值从假切换到真时,复选框运行良好但行为有点在第一次检查复选框时迟到

TL;博士

单击事件与我的复选框一起正常工作并且检索数据不一致

标签: javascriptangulartypescriptionic-framework

解决方案


请参阅有关 ion-checkbox 的 Ionic 文档

使用(单击)捕获复选框上的操作是错误的。

我建议您使用 (ionChange) 事件来触发您的 addUser() 函数。

使用 [(checked)] 绑定,它将在您的操作和您保存的值之间创建自动同步。


推荐阅读