您好,欢迎来到[编程问答]网站首页   源码下载   电子书籍   软件下载   专题
当前位置:首页 >> 编程问答 >> 移动开发 >> ionic2中同一页面多个ion-radio组的value如何确定?

ionic2中同一页面多个ion-radio组的value如何确定?

来源:网络整理     时间:2017/6/22 0:26:41     关键词:

关于网友提出的“ ionic2中同一页面多个ion-radio组的value如何确定?”问题疑问,本网通过在网上对“ ionic2中同一页面多个ion-radio组的value如何确定?”有关的相关答案进行了整理,供用户进行参考,详细问题解答如下:

问题: ionic2中同一页面多个ion-radio组的value如何确定?
描述:

1. 问题描述

在一个页面中有多个ion-radio组,通过ngFor循环建立。但是在数据绑定时,每一组的checked value都绑定到了同一个数据上[(ngModel)]="relationship"。我想维护一个字符串数组,实现[(ngModel)]="relationship[i]",但是不知道该怎么写?

2. 部分代码

html代码

<ion-list radio-group [(ngModel)]="relationship" *ngFor="let question of questions">
    <ion-item>
        <ion-label>A.{{question.choices[0]}}</ion-label>
        <ion-radio value="A"></ion-radio>
    </ion-item>

    <ion-item>
        <ion-label>B.{{question.choices[1]}}</ion-label>
        <ion-radio value="B"></ion-radio>
    </ion-item>

    <ion-item>
        <ion-label>C.{{question.choices[2]}}</ion-label>
        <ion-radio value="C"></ion-radio>
    </ion-item>

    <ion-item>
        <ion-label>D.{{question.choices[3]}}</ion-label>
        <ion-radio value="D"></ion-radio>
    </ion-item>
</ion-list>

typescript

 @Input() relationship: String;


解决方案1:

<ion-list radio-group [(ngModel)]="relationship[i]" *ngFor="let question of questions let i = index">

但是relationship不能为undefined,需要初始化。


以上介绍了“ ionic2中同一页面多个ion-radio组的value如何确定?”的问题解答,希望对有需要的网友有所帮助。
本文网址链接:http://www.codes51.com/itwd/4368393.html

相关图片

相关文章