Как выровнять две радиокнопки по горизонтали в Ionic 3

Question

Я пытаюсь выровнять две радиокнопки в одном ряду или по горизонтали в Ionic 3, как показано на рисунке ниже.

html

<ion-item>
      <ion-row radio-group >
      <ion-col>
      <ion-item>
        Batch Medium
      </ion-item>
      </ion-col>
       <ion-col>
      <ion-item>
        <ion-label>English</ion-label>
        <ion-radio >English</ion-radio>
      </ion-item>
    </ion-col>
    <ion-col>
      <ion-item>
       <ion-label>Bilingual</ion-label>
        <ion-radio>Bilingual</ion-radio>
      </ion-item>
    </ion-col>
  </ion-row>    
    </ion-item>

После попытки этого кода я получаю пустой экран.

Answer 1

Попробуйте, как показано ниже.

 <ion-row radio-group [(ngModel)]="batchmedium">
        <ion-col>
          <ion-item>
            Batch Medium*
          </ion-item>
        </ion-col>
        <ion-col>
          <ion-item>
            <ion-label> English </ion-label>
            <ion-radio value="English"></ion-radio>
          </ion-item>
        </ion-col>
        <ion-col>
          <ion-item>
           <ion-label> Bilingual </ion-label>
            <ion-radio value="Bilingual"></ion-radio>
          </ion-item>
        </ion-col>
      </ion-row>

просмотрите эту ссылку для получения более подробной информации http://plnkr.co/edit/AdFPOUaufyFYXqBxNiGg?p=preview