我试图在民意调查应用中创建离子动态字段
首先。我有2个阵列
然后我试图用swich case创建字段
<ion-list *ngFor="let preguntas of LocalPreguntas">
<ion-card >
<ion-card-header color="primary">
{{ preguntas.pregunta}}
</ion-card-header>
<ion-card-content [ngSwitch]="preguntas.tipo">
<!-- Respuesta Si o no-->
<div *ngSwitchCase="4" style="display:block" >
<ion-list radio-group name="{{preguntas.id}}" [(ngModel)]="Form.radio_vf" required>
<ion-item >
<ion-label color="dark">Si</ion-label>
<ion-radio value="Si"></ion-radio>
</ion-item>
<ion-item >
<ion-label color="dark">No</ion-label>
<ion-radio value="No"></ion-radio>
</ion-item>
</ion-list>
</div>
</ion-card-content>
</ion-card>
</ion-list>
&#13;
但从逻辑上讲这是错误的[(ngModel)] = "Form.txt_cantidad"
因为应用可以重复问题类型
解决这个问题。我想将问题ID放在[(ngModel)]
<div *ngSwitchCase="4" style="display:block" >
<ion-list radio-group name="{{preguntas.id}}" [(ngModel)]="{{preguntas.id}}" required>
<ion-item >
<ion-label color="dark">Si</ion-label>
<ion-radio value="Si"></ion-radio>
</ion-item>
<ion-item >
<ion-label color="dark">No</ion-label>
<ion-radio value="No"></ion-radio>
</ion-item>
</ion-list>
</div>
&#13;
答案 0 :(得分:0)
我找到了解决方案
看看Vf字段。 是另一个数组中的数组
public Form = {
cliente:"",
encueestaID:"",
usuarioid:"",
vf:{
vf:{}
},
seleccionUnica:[],
seleccionMultiple:[],
tiempotipo:[],
tipoCantidad:[],
cantidad:[],
1:""
};
写入我使用的这个数组 以下代码
<div *ngSwitchCase="4" style="display:block" >
<ion-list radio-group name="{{preguntas.id}}" [(ngModel)]="Form.vf.vf[preguntas.id]" required>
<ion-item >
<ion-label color="dark">Si</ion-label>
<ion-radio value="Si"></ion-radio>
</ion-item>
<ion-item >
<ion-label color="dark">No</ion-label>
<ion-radio value="No"></ion-radio>
</ion-item>
</ion-list>
</div>