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

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 行中的单选按钮设置为 'checked'

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;