选中单个复选框将导致每个复选框都得到选中

Question

我该如何解决这个问题？

这是我复选框的代码。

<ion-list *ngIf="items">
    <ion-item *ngFor="let driver of items">
        <ion-label>{{driver.name}}</ion-label>
        <ion-checkbox [(ngModel)]="driverSelect"
        [checked]="items.includes(driver)" item-right></ion-checkbox>
    </ion-item>
</ion-list>

https://i.stack.imgur.com/1nNUo.jpg

Answer 1

尝试以下代码

<ion-list *ngIf="items">
    <ion-item *ngFor="let driver of items;let i = index ">
        <ion-label>{{driver.name}}</ion-label>
        <ion-checkbox [(ngModel)]="items[i]"
        [checked]="items.includes(driver)" item-right></ion-checkbox>
    </ion-item>
</ion-list>

您必须使每个复选框的模型名称不同