离子无线电改变时的错误值

Question

我在尝试更改单选按钮值并将其发布到我的 soap writeData 时遇到了一个奇怪的错误。例如，我试图将性别从 M 更改为 F，我 console.log 它和更改结果的值是这样的：rb-1-0

这是我的代码：

<div radio-group formControlName="gender" style="margin-top:-3%;margin-left:23%" [(ngModel)]="customer.SESSO">
    <ion-radio color="dark" [value]="F" [checked]="customer.SESSO == 'f'"></ion-radio>
    <span>
      <strong style="position: absolute;margin-top: -1%; margin-left: 2%;font-size:16px">F</strong>
    </span>
  </div>
  <div radio-group formControlName="gender" style="margin-left: 47%;margin-top: -10%" [(ngModel)]="customer.SESSO"
  class="radio-privacy in-middle">
    <ion-radio color="dark" [value]="M" [checked]="customer.SESSO == 'm'"></ion-radio>
    <span>
      <strong style="position: absolute;margin-top: -1%;margin-left: 4%;font-size:16px">M</strong>
    </span>
  </div>

Answer 1

此代码适用于普通单选按钮组，请根据需要自定义 CSS。

<ion-list radio-group style="margin-top:-3%;margin-left:23%" [(ngModel)]="customer.SESSO">

  <ion-item>
    <ion-label>Female</ion-label>
    <ion-radio color="dark" value="F" [checked]="customer.SESSO == 'F'"></ion-radio>
  </ion-item>

  <ion-item>
    <ion-label>Male</ion-label>
    <ion-radio color="dark" value="M" [checked]="customer.SESSO == 'M'"></ion-radio>
  </ion-item>

</ion-list>

离子无线电改变时的错误值

Wrong value when ion-radio changed

ionic-framework

ionic2

ionic3