ngForm中的单选按钮-无法获得价值

时间:2019-11-30 14:42:40

标签: angular ionic-framework

<form #reservationForm="ngForm" (ngSubmit)="createReservation(reservationForm)">
<ion-item class="ion-no-padding" *ngFor="let item of items.services | keyvalue">
    <ion-radio value="{{item.key}}" class="ion-no-margin" name="itemRadio" ngModel></ion-radio>
</ion-item>
</form>

module.ts:

  createReservation(formData: NgForm) {
    console.log(formData.value);
  }
  1. 我只得到:
] [console.log]: {
[ng]   "item": true
[ng] }
  1. 我可以选择10个无线电的全部...(应该只选择1个)。

出什么问题了?

谢谢

1 个答案:

答案 0 :(得分:0)

我解决了我的问题。

  1. 从单选按钮删除ngModel。
  2. 将ngModel添加到
<ion-radio-group allow-empty-selection="false" name="radioGroup" ngModel name="radioGroup">

然后

console.log(reservationForm.value);