イオン2：フォームのラジオボタン（デフォルトでは

Question

）プロジェクトで動的フォームを作成しようとしましたが、ラジオボタンがいくつかあります。私はデフォルトでそれらの1つをチェックしたいと思います。私はこれを試した：

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

しかし、それは動作しません。私は何をしなければならないのか分かりません。誰かがアイデアを持っていますか？確認=

はので、あなたのコードは次のようになります「にチェック」：

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

Answer 1

それは大丈夫です

Answer 2

は簡単にあなたが必要とするすべてはこれを削除することです！私は解決策を見つけました！私の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> 

値を選択して取得するには、 "ngModel" 許可。私は自分の.tsファイルに正しい値でそれを初期化する必要があります。