如何写一个[(ngModel)] =""动态离子?

时间:2017-10-14 16:46:21

标签: angular ionic-framework ionic2

我试图在民意调查应用中创建离子动态字段

首先。我有2个阵列

enter image description here

然后我试图用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;
&#13;
&#13; 可以

enter image description here

但从逻辑上讲这是错误的[(ngModel)] = "Form.txt_cantidad"因为应用可以重复问题类型

解决这个问题。我想将问题ID放在[(ngModel)]

&#13;
&#13;
 <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;
&#13;
&#13;

enter image description here

1 个答案:

答案 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>

结果 enter image description here