多个滑块中的清单-如果在一个滑块中选中,则在另一个滑块中禁用

时间:2018-10-18 11:37:27

标签: javascript ionic-framework checkbox slider

我的页面上有离子滑块,其中有4张幻灯片。通过循环包含4个slide_items的数组,使用*ngFor指令创建Slider,一个slideItem看起来像:

{slide_id: 1, slide_name: "first slide"}

在每张幻灯片中,也有checkboxItems创建的*ngFor的嵌套复选框列表。

最后,我有两个嵌套的*ngFor循环,并且在内部循环内部,创建了ion-checkbox元素:

<ion-checkbox (ionChange)="handleCheckbox(slideItem, checkboxItem)" [disabled]=""></ion-checkbox>

如何实现逻辑,如果我在第一张幻灯片中选中一个项目,则其余幻灯片中的同一项目将被禁用?图片上的东西:

enter image description here

0 个答案:

没有答案