如何从单选按钮角度获取检查值

Question

我需要从角度的单选按钮中获取值。假设有这个html代码：

 <label class="radio-inline">
   <input class="form-check-input" type="radio" [(ngModel)]="dog" name="gob" value="i" [checked]="true" (change)="onItemChange(item)"/>Dog
 </label>
 <label class="radio-inline"> 
   <input class="form-check-input" type="radio" [(ngModel)]="cat" name="cat" value="p"  (change)="onItemChange(item)"/>Cat
 </label>

在我的 ts 页面中，我需要获取单选按钮的值 喜欢

dog.value

我的目的是：

1. 将默认检查设置为第一个单选按钮
2. 单击单选按钮时获取值

谁能帮帮我？

Answer 1

您可以绑定单选按钮的数据。只需添加单选按钮的值并更改ngModel

html

<input class="form-check-input" type="radio" value="dog" 
[(ngModel)]="dog.value" name="gob" value="i" [checked]="true" 
(change)="onItemChange($event.target.value)"/>

ts

onItemChange(value){
   console.log(" Value is : ", value );
}