Angular ionic2如何获取复选框状态
以下是上下文: 我有一个用户列表 我还有一个项目列表,每个项目都包含一个用户数组 项目列表如下所示:Angular ionic2如何获取复选框状态,angular,checkbox,ionic2,Angular,Checkbox,Ionic2,以下是上下文: 我有一个用户列表 我还有一个项目列表,每个项目都包含一个用户数组 项目列表如下所示: <ion-list> <ion-item *ngFor="let item of items"> <ion-checkbox item-left [checked]="isChecked(item)" *ngIf="selected_user;"></ion-checkbox> <ion-label>
<ion-list>
<ion-item *ngFor="let item of items">
<ion-checkbox item-left [checked]="isChecked(item)" *ngIf="selected_user;"></ion-checkbox>
<ion-label>
{{ item.name }}
<br>
<ion-badge *ngFor="let user of item.users">{{ user.name }}</ion-badge>
</ion-label>
</ion-item>
</ion-list>
{{item.name}
{{user.name}
基本上,当用户在其他地方被选中时,复选框会显示出来
我试图做的是根据复选框的状态修改每个项目的users数组
例如,如果item\u a.users
包含user1
,并且selected\u user
是user1
,其复选框显示为checked
(我已经有了)但是现在如果选中了item_b
和item_c
,我想将user1
添加到他们的用户数组中,如果未选中item_a
,我想从其用户数组中删除user1
这里有什么活动要看吗?
是否有一种方法可以将所有状态集中到某个数据结构中,或者我必须为每个项目单独处理它
谢谢。查看API文档
您可以使用ionChange
事件
在html中
<ion-checkbox item-left [checked]="isChecked(item)" (ionChange)="insertUserToArray($event)" *ngIf="selected_user;"></ion-checkbox>
检查API文档
您可以使用ionChange
事件
在html中
<ion-checkbox item-left [checked]="isChecked(item)" (ionChange)="insertUserToArray($event)" *ngIf="selected_user;"></ion-checkbox>
我被你的问题弄糊涂了;如果您有isChecked函数,那么您就知道如果选中了它们,您是否可以将某种函数映射到此数据以获得所需内容?
isChecked
用于确定复选框的启动状态。我将使用ionChange
事件从列表中添加或删除项目,如接受的答案所示。无论如何,谢谢。我被你的问题弄糊涂了;如果您有isChecked函数,那么您就知道如果选中了它们,您是否可以将某种函数映射到此数据以获得所需内容?isChecked
用于确定复选框的启动状态。我将使用ionChange
事件从列表中添加或删除项目,如接受的答案所示。无论如何,谢谢。毕竟,这很可能是实现这种行为最简单的方法。谢谢。毕竟,这很可能是实现这种行为的最简单方法。谢谢