Ionic 2: Optionsfeld im Formular, standardmäßig aktiviert

Question

Ich versuche, ein dynamisches Formular in meinem Projekt zu erstellen, und ich habe einen Radiobutton. Ich möchte standardmäßig einen von ihnen überprüfen. Ich habe das versucht:

<input *ngIf="fieldForm.value.type == 'date'" type="date" formControlName="field"> 
    <div *ngIf="fieldForm.value.type == 'radio'"> 
    <div *ngFor="let option of fieldForm.value.options.values" > 
     <label><input type="radio" formControlName="field" value="{{option}}">{{option}}</label> 
    </div> 
    <div> 
     <label><input type="radio" formControlName="field" value="Toto" checked="checked">Toto</label> 
    </div> 
    </div> 

Aber es funktioniert nicht. Ich verstehe nicht, was ich tun muss. Jemand hat eine Idee?

Answer 1

Es ist in Ordnung! Ich habe eine Lösung gefunden!

In meinem html:

<div *ngIf="fieldForm.value.type == 'radio'"> 
    <ion-list formControlName="field" radio-group [(ngModel)]="value"> 
     <ion-item *ngFor="let option of fieldForm.value.options.values" > 
     <ion-label>{{option.label}}</ion-label> 
     <ion-radio value="{{option.value}}"></ion-radio> 
     </ion-item> 

    </ion-list> 
    </div> 

Die "ngModel" Erlaubnis bekommen Wert ausgewählt. Ich muss es mit einem korrekten Wert in meiner .ts-Datei initiieren.

Answer 2

einfach alles, was Sie brauchen, ist nur diese zu löschen: checked = "checked"

so Ihr Code wie folgt aussehen:

<input *ngIf="fieldForm.value.type == 'date'" type="date" formControlName="field"> 
    <div *ngIf="fieldForm.value.type == 'radio'"> 
    <div *ngFor="let option of fieldForm.value.options.values" > 
     <label><input type="radio" formControlName="field" value="{{option}}">{{option}}</label> 
    </div> 
    <div> 
     <label><input type="radio" formControlName="field" value="Toto">Toto</label> 
    </div> 
    </div>