离子滑动内的复选框启用了循环

Question

我有一个页面，其中包含启用了循环的离子幻灯片。每个幻灯片都使用* ngFor生成，每个幻灯片都包含一个复选框。我面临的问题是没有在第一张和最后一张幻灯片上检查复选框。我发现它是因为第一张幻灯片和最后一张幻灯片有重复的幻灯片所以点击复选框不会触发它，因为它有相同的重复。我试过给Id添加复选框以使其独特，但由于幻灯片是动态生成的，无论我给出的任何更改都会被复制。这有什么解决方法吗？任何帮助深表感谢。 谢谢

这是我的代码

HTML部分

<ion-slides pager='true' loop="true">
    <ion-slide *ngFor="let slide of demoData">
        <ion-card>
            <ion-card-header>{{slide}}</ion-card-header>
            <ion-card-content>
                <ion-checkbox></ion-checkbox>
            </ion-card-content>
        </ion-card>
    </ion-slide>
</ion-slides>

Ts部分

demoData = ['1', '2', '3'];