Неправильное значение при изменении ионного радио - PullRequest
0 голосов
/ 26 ноября 2018

Я получаю странную ошибку, когда пытаюсь изменить значение переключателя и отправляю его в мои мыльные данные записи.Например, я пытаюсь изменить пол с 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>

1 Ответ

0 голосов
/ 26 ноября 2018

Этот код должен нормально работать для обычной группы переключателей, пожалуйста, настройте 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>
...