如何在离子上动态编写[（ngModel）] =“”？

问题描述：

我正在尝试在离子版中为我的民意调查应用程序创建动态字段如何在离子上动态编写[（ngModel）] =“”？

首先，我有2个阵列

然后我试图与SWICH情况下创建领域

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

其没事

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

来解决这个问题。我想提出的问题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>

卸下'{{}}'那就是在ngModel，在使用输入绑定语法'[]'的情况下，您不需要使用插值法，而是将其与'（）'输出语法结合使用。 – Abdel

确定它工作[（ngModel）] =“preguntas.id”。但我如何显示模型.. withconsole.log（ngModel）; ???????? –

您想查看LocalPreguntas的价值吗？只要把它放在一个'''

 {{ LocalPreguntas | json }}

''' – Abdel

答

我找到了解决办法

看看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>

结果

如何在离子上动态编写[（ngModel）] =“”？

相关推荐