时间戳

首页 > 解决方案 > 如何获得这个角度 - 单选按钮的值？

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

问题描述

我在剑道网格内并显示供用户选择的汽车列表。网格只有两列。一个 - 显示汽车名称和其他单选按钮。用户可能是第一次来这里，在这种情况下，这些单选按钮都不会加载“选中/选中”。如果用户已经从列表中获得了“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 行中的单选按钮设置为“已选中”

标签： angulartypescriptkendo-grid

解决方案

我遇到了类似的问题，我已经参考并关注了这个对我有用的页面，希望它对你有用：

摘要：我提到了相同的链接链接：

创建单选按钮

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

推荐阅读