Ionic 3单选按钮,带2个值

时间:2017-05-17 15:48:42

标签: typescript ionic-framework

我想创建一个有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>

0 个答案:

没有答案