我想创建一个有2个值的单选按钮,但我无法让它工作......
整个表单循环和所有工作。
我需要我的离子收音机有一个value=" {{helper?.userId}}
和另一个值{{helper?.fullName}}
。更好的是次要价值。
所有内容都在一个表单中,其中1个值称为assign。
以下是代码:
<form [formGroup]="radioForm" (submit)="addNewEvent()">
<ion-list mode="md" radio-group formControlName="assign" [(ngModel)]="radioForm.assign">
<ion-row>
<ion-col col-2>
</ion-col>
<ion-col col-20>
<p style="text-align: center; color: white; font-size: 17px;">Assign event</p>
<ion-item mode="md" class="calendarTransparentTwo">
<ion-label mode="md">Myself</ion-label>
<ion-radio color="lwhite" mode="md" value="{{this.userProfile.userId}}"></ion-radio>
<!-- <ion-radio color="lwhite" value="{{this.userProfile.fullName}}"></ion-radio> -->
</ion-item>
<ion-item mode="md" class="calendarTransparentTwo" *ngFor="let helper of helperList">
<ion-label mode="md">{{helper?.fullName}}</ion-label>
<ion-radio color="lwhite" value="{{helper?.userId}}"></ion-radio>
<!--<ion-radio color="lwhite" value="{{helper?.fullName}}"></ion-radio> -->
</ion-item>
</ion-col>
<ion-col col-2>
</ion-col>
</ion-row>
</ion-list>
</form>