Angular2如何使用默认值将单选按钮设置为选中状态

Angular2如何使用默认值将单选按钮设置为选中状态,angular,angular2-forms,Angular,Angular2 Forms,我是Angular2的新手,我有一个无线电组,我正在尝试使用[(ngModel)]将其绑定到entity person.testBoolean,以便将其保存在数据库中。我想将默认值设置为选中值,我看到了一些示例,发现它们将默认值设置为[(ngModel)],但在我的情况下,我想将其绑定到我的实体,因此我无法使用[(ngModel)]。有人能提出其他选择吗。选中=idx不工作 <div class="form-group"> <label for="radioboolea

我是Angular2的新手,我有一个无线电组,我正在尝试使用[(ngModel)]将其绑定到entity person.testBoolean,以便将其保存在数据库中。我想将默认值设置为选中值,我看到了一些示例,发现它们将默认值设置为[(ngModel)],但在我的情况下,我想将其绑定到我的实体,因此我无法使用[(ngModel)]。有人能提出其他选择吗。选中=idx不工作

<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';
}