ionic 3 ion-radio проверяется, когда строка равна чему-то - PullRequest
0 голосов
/ 23 ноября 2018

В настоящее время я работаю над страницей клиента, которая читает из SOAP некоторые значения, и я пытаюсь проверить ion-radio, если значение, прочитанное из вызова, равно m или f.Это мой код:

<ion-col col-2 style="margin-top:1%">
      <ion-label>
        <strong class="sexClass">{{'longRegister.sex' | translate }}</strong>
      </ion-label>
      <div radio-group formControlName="gender" style="margin-top:-10%;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">
        <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>
    </ion-col>

Моя таблица БД, которую я читаю, выглядит следующим образом: [SESSO] char NULL,

Заранее спасибо.Траян

1 Ответ

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

Исправлено с использованием [value] и [checked], теперь мой код выглядит так:

<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>
...