Angular2如何使用默认值将单选按钮设置为选中状态
我是Angular2的新手,我有一个无线电组,我正在尝试使用[(ngModel)]将其绑定到entity person.testBoolean,以便将其保存在数据库中。我想将默认值设置为选中值,我看到了一些示例,发现它们将默认值设置为[(ngModel)],但在我的情况下,我想将其绑定到我的实体,因此我无法使用[(ngModel)]。有人能提出其他选择吗。选中=idx不工作Angular2如何使用默认值将单选按钮设置为选中状态,angular,angular2-forms,Angular,Angular2 Forms,我是Angular2的新手,我有一个无线电组,我正在尝试使用[(ngModel)]将其绑定到entity person.testBoolean,以便将其保存在数据库中。我想将默认值设置为选中值,我看到了一些示例,发现它们将默认值设置为[(ngModel)],但在我的情况下,我想将其绑定到我的实体,因此我无法使用[(ngModel)]。有人能提出其他选择吗。选中=idx不工作 <div class="form-group"> <label for="radioboolea
<div class="form-group">
<label for="radioboolean">Boolean: </label>
<div *ngFor="let entry of entries; let idx = index" class="radio-inline" >
<input type="radio" [(ngModel)]="person.testBoolean" name="radiogroup" [checked]="idx === 1" [value]="entry.id" />{{ entry.description }}
</div>
</div>
此人是我的实体:
export interface IPerson {
id: string;
name: string;
testNumber: number | null;
testDatetime: Date | null;
testBoolean: boolean | null;
// Refs to parent entities
team: ITeam;
teamId: string;
};
您可以这样使用条目的id:
[选中]=“entry.id==1”
{{entry.description}
如果您总是希望选择第一项,则可以使用
在循环中,*ngFor=“let entry of entries;let first=first;
在单选按钮组中-[选中]=“第一”
例如:
<div *ngFor="let entry of entries; let first = first; let idx = index" class="radio-inline" >
<input type="radio" [(ngModel)]="person.testBoolean" name="radiogroup" [checked]="first" [value]="entry.id" />{{ entry.description }}
</div>
{{entry.description}
举个例子:
在模板文件中:
<form [formGroup]="formGender">
<input type="radio" value="1" [(ngModel)]="userBasicInformation.gender">
<span class="font-size-12px font-bold">MALE</span>
<input type="radio" value="0" [(ngModel)]="userBasicInformation.gender">
<span class="font-size-12px font-bold">FEMALE</span>
</form>
结果,单选按钮将选择默认性别值=0(女性),如下图所示:
导出类确认ModalComponent实现OnInit{
取消相关会话:any=false;
建造师(
) {}
ngOnInit():void{
}
}
对
不
是的,没错,我们可以直接使用id列,但它不起作用:-(,默认单选按钮仍然没有被选中/选中tried[checked]=“entry.id===default”
?其中default=这是组件中的默认值。您好,谢谢,我尝试了上面的方法,但出于某种原因“this.default”设置为未定义,因此未选择默认单选按钮。类型脚本文件default:3;
entries=[{id:1,description:'True'},{id:2,description:'False'},
{id:3,description:'undefined'}];
[选中]=“entry.id==默认值”
默认情况下,我的意思是在构造函数上方的组件上创建一个值private defaullt:any
。然后在设置条目的地方显示this.default=1
。因此将选中条目id为1的复选框。您的意思是这样吗?之前我在类中,构造函数上方声明了一个变量。您的意思是declare在构造函数中:constructor(private defaultradio:any){}
ngOnInit(){
this.defaultradio=1;..
是的,我们可以直接使用id列,但它不起作用:-(,默认单选按钮仍未选中/选中。工作方式与魅力相同!
<div *ngFor="let entry of entries; let first = first; let idx = index" class="radio-inline" >
<input type="radio" [(ngModel)]="person.testBoolean" name="radiogroup" [checked]="first" [value]="entry.id" />{{ entry.description }}
</div>
<form [formGroup]="formGender">
<input type="radio" value="1" [(ngModel)]="userBasicInformation.gender">
<span class="font-size-12px font-bold">MALE</span>
<input type="radio" value="0" [(ngModel)]="userBasicInformation.gender">
<span class="font-size-12px font-bold">FEMALE</span>
</form>
ngOnInit() {
this.userBasicInformation.gender = '0';
}