Html Ionic 2:表单中的单选按钮,默认选中
我尝试在我的项目中创建一个动态表单,我有一些单选按钮。我想默认选中其中一个。我试过这个:Html Ionic 2:表单中的单选按钮,默认选中,html,angular,typescript,ionic2,Html,Angular,Typescript,Ionic2,我尝试在我的项目中创建一个动态表单,我有一些单选按钮。我想默认选中其中一个。我试过这个: <input *ngIf="fieldForm.value.type == 'date'" type="date" formControlName="field"> <div *ngIf="fieldForm.value.type == 'radio'"> <div *ngFor="let option of fieldForm.value.options.valu
<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>
{{option}}
托托
但它不起作用。我不明白我要做什么。有人有主意吗?很简单,你只需删除这个:checked=“checked” 因此,您的代码将如下所示:
<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>
{{option}}
托托
没关系!我已经找到了解决办法
在我的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>
{{option.label}
“ngModel”允许获取所选值。我必须在.ts文件中使用正确的值初始化它。您能试试checked=“true”
。