离子3:所有选项都与无线电组一起选择

Question

我对离子和棱角很陌生。我正在尝试像这样显示动态离子无线电组：

<ion-slides slidesPerView="2" (ionSlideWillChange)="onSlideChanged()">
<ion-slide *ngFor="let session of sessionsDetails">
<div class="sloatsdate" *ngIf="session.slots_remaining == 0 else showradiobutton">
<div class="sloatsdate"><span class="font-size-13">Seats Full</span></div>
</div>
<ng-template #showradiobutton>
<ion-list radio-group name="selectedslot" class="check1" #selectedslot="ngModel" [(ngModel)]="session.checked" [(ngModel)]="session.session_date" (ngModelChange)="checkboxselect(session.session_date)" [disabled]="session.slots_remaining == 0">
<ion-item>
<ion-label>Select</ion-label>
<ion-radio value="{{session.session_date}}"></ion-radio>
</ion-item>
</ion-list>
</ng-template>
</ion-slide>

但是我遇到了一个问题，即所有选项都被无线电组选中。

Answer 1

也许你必须在离子项目上使用循环：<ion-item *ngFor="session of sessionsDetails">...</ion-item>

在这种情况下，您可以为每个循环创建一个新的无线电组。所以他们都会被选中