Ionic 2：表單中的單選按鈕，默認選中

Question

我嘗試在我的項目中創建一個動態表單，並且我有一些單選按鈕。我想默認檢查其中的一個。我嘗試這樣做：

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

但它不工作。我不明白我必須做什麼。有人有一個想法？

Answer 1

這沒關係！我找到了一個解決方案！

在我的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文件中用正確的值初始化它。

Answer 2

輕鬆所有你需要的只是刪除：檢查=「檢查」

所以你的代碼如下：

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