Javascript 用于全选和取消选择

我有以下项目：

items: [
    {name: 'Name'},
    {name: 'Name'},
    {name: 'Name'}
]

我正在用html显示它们：

<ion-checkbox (click)="click(); selectAllItems()" class="checkboxas" [(ngModel)]="allTobuli"></ion-checkbox>
<!-- this isnt in ngFor and it Selects all items -->

<ion-card *ngFor="let item of jsonObj" class="relative" (click)="compareTobuli(item,i);checkboxTobuli(item)">
    <ion-checkbox (click)="compareTobuli(item,i)" [(ngModel)]="item.allTobuliItem" class="checkboxas absolut-check"></ion-checkbox>
</ion-card>

---

您需要为

jsonObj

中的每个项目更新

allTobuliItem

的值。Angular的数据绑定将处理其余部分。例如：

模板

组成部分

public selectAllItems（）{
this.jsonObj=this.jsonObj.map（项=>{
item.allTobuliItem=this.allTobuli；
退货项目；
});
}

您需要为

jsonObj

中的每个项目更新

allTobuliItem

的值。Angular的数据绑定将处理其余部分。例如：

模板

组成部分

public selectAllItems（）{
this.jsonObj=this.jsonObj.map（项=>{
item.allTobuliItem=this.allTobuli；
退货项目；
});
}

首先： 下面是一个在单击时选择和取消选择所有值的对话框

您已经在您的

离子复选框上使用
（单击）=“单击（）；选择项目（）”
来调用
单击（）
和
选择项目（）

您所需要做的就是在这些方法中修改（迭代项的）特定值

selectAllItems() {
    for(let i=0; i<this.jsonObj.length; i++) {
        let item = this.jsonObj[i]; // this is your item from *ngFor="let item of jsonObj"
        item.allTobuliItem = true;  // select every single item
    }
}

selectAllItems（）{
对于（设i=0；i首先：
下面是一个在单击时选择和取消选择所有值的对话框

您已经在您的
离子复选框上使用
（单击）=“单击（）；选择项目（）”
来调用
单击（）
和
选择项目（）

您所需要做的就是在这些方法中修改（迭代项的）特定值

selectAllItems() {
    for(let i=0; i<this.jsonObj.length; i++) {
        let item = this.jsonObj[i]; // this is your item from *ngFor="let item of jsonObj"
        item.allTobuliItem = true;  // select every single item
    }
}

selectAllItems（）{
对于（设i=0；上面代码中的
item
和您问题中模板中的
item
是不同的变量。在我的示例中，上面的item是在map函数上下文中分配的局部变量。上面代码中的
item
和您问题中模板中的
item
是不同的变量。在我的示例中，上面的项是在映射函数的上下文中分配的局部变量。您可以将示例更改为集合吗？我刚刚在集合之前将您的行添加到我的selectedAllItems中，它工作得非常好。另外，请看一看我提供的stackblitz，以便在没有附加函数的情况下也取消选择项。Good运气好！你能把你的例子改成集合吗？我刚在集合之前把你的行添加到我的selectedAllItems中，它工作得很好。另外，看看我提供的stackblitz，它也可以在没有附加功能的情况下取消选择项目。祝你好运！