Ошибка при изменении значения ионного радио с М на F

Question

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

пожалуйста, добавьте два элемента в одну группу, например,

<ion-list radio-group [(ngModel)]="gender">

  <ion-item>
    <ion-label>Male</ion-label>
    <ion-radio value="M"></ion-radio>
  </ion-item>

  <ion-item>
    <ion-label>Female</ion-label>
    <ion-radio value="F"></ion-radio>
  </ion-item>
  </ion-list>

теперь объявляйте переменную в файле ts gender:any;, когда вы нажимаете кнопку, пожалуйста, console.log(gender) вы получите значение M of F