Question

我在剑道网格内，并显示汽车列表供用户选择。网格只有两列。一个显示汽车名称，另一个显示单选按钮。用户可能是第一次来这里，在这种情况下，这些单选按钮都不会加载“选中/选中”。如果用户已经从列表中获得了“ CurrentCar”，则对应的无线电/汽车将显示为已选中。

<input type="radio" name ="CarId" [(ngModel)]="dataItem.CarId" 
(ngModelChange)="selectCarId($event)" value="dataItem.CarId"/>

</ng-template>

在.ts文件上

public selectCarId(carid :number)
{
this.selectedCarId = carid;
}

然后我在表单的提交方法上使用'this.selectedCarId'的值。我是新手。这是正确的方法吗？我现在面临的问题是，网格总是将最后一行中的单选按钮显示为“已选择”。以及如何将现有“ CurrentCar” ID行中的单选按钮显示为“已选中”

Answer 1

我也遇到过类似的问题，我已经参考并遵循了这个page，它对我有用，希望对您有用：

摘要：我引用了相同的链接link：

创建单选按钮

<input type="radio" value="male" name="gender" ngModel> Male
<input type="radio" value="female" name="gender" ngModel> Female

设置单选按钮和复选框为选中状态

<p>
   <input type="radio" value="male" name="gender" [ngModel]="user.gender" > Male
   <input type="radio" value="female" name="gender" [ngModel]="user.gender" > Female
</p>

验证：

<p>
   <input type="radio" value="male" name="gender" required #gender="ngModel"> Male
   <input type="radio" value="female" name="gender"required #gender="ngModel"> Female
</p> 


userForm = new FormGroup({
   gender: new FormControl('', Validators.required),
   tc: new FormControl('', Validators.requiredTrue)
});

在表单提交中获取价值

当我们提交表单并假设表单值作为表单存储在NgForm实例中时，我们可以使用form.controls [...]获取单选按钮和复选框值，如下所示。

this.user.gender = form.controls['gender'].value;
this.user.isTCAccepted = form.controls['tc'].value;

如何获得这个角度-单选按钮的值？

1 个答案: