Ionischen 2 : Radio-button in form, standardmäßig aktiviert

Ich versuche zum erstellen einer dynamischen form in mein Projekt und ich habe einige radio-button. Ich möchte, um zu überprüfen, einer von Ihnen standardmäßig. Ich versuchte dies : 

<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 zu tun habe. Jemand eine Idee ?

  • Können Sie versuchen checked="true".
InformationsquelleAutor V. Pivet | 2017-01-23
  1. 1

    Ist es ok ! Ich habe eine Lösung zu finden !

    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>

    Den "ngModel" erlauben, um ausgewählten Wert. Ich habe an init, es mit einem richtigen Wert in meinem .ts-Datei.

    InformationsquelleAutor V. Pivet
  2. 0

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

    sodass Ihr code wird 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>
    InformationsquelleAutor Chen Zissu
Schreibe einen Kommentar