如何在離子上動態編寫[（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>

來源

2017-10-14 Wilfredo Aleman

卸下'{{}}'那就是在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>

結果

來源

2017-10-16 16:35:59

如何在離子上動態編寫[（ngModel）] =「」？

回答

相關問題