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上使用循环：<ion-item *ngFor="session of sessionsDetails">...</ion-item>

因为在这种情况下，您需要在每个循环中创建一个新的radioGroup。所以所有的人都会被选中

Ionic 3：所有选项均通过广播组选择

1 个答案: