Angular のラジオ ボタンから値を取得する必要があります。次の 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
ラジオボタンのデータをバインドすることができます。ラジオボタンの値を追加し、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 );
}