ion-radio пытается вывести в одну строку - PullRequest
0 голосов
/ 06 ноября 2018

В настоящее время я пытаюсь отобразить ионно-радиокнопку в одну строку, а не трехстрочный текст, как сейчас показывает мой код. Пробовал уже с другим ion-рядом или style="display: inline", но у меня ничего не получалось.

выход

MY RESULT

Ожидаемый результат

EXPECTED

Это на самом деле мой код:

<ion-col col-2 text-center>
     <div radio-group [(ngModel)]="flag1" align="center">
      <span class="spanRadioContainer">
       <ion-radio color="dark" [value]="false"></ion-radio>
      </span>
      <span style="display: inline">Nega il proprio consenso</span>
     </div>
    </ion-col>

Как я могу решить эту проблему? Спасибо.

1 Ответ

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

Для этого выхода сгруппируйте радио с ионной меткой и оберните внутри ионного элемента, и оберните ионный элемент с помощью ion-grid , а для метки и радиокнопки выровняйте используйте ионный элемент согласно описанию документации

Это то, что я сформулировал, я не проверял, но это будет работать, попробуйте этот код

<ion-list radio-group [(ngModel)]="autoManufacturers">
  <ion-grid>
  <ion-row>
  <ion-col col-6>
  <ion-item>
    <ion-label>Cord</ion-label>
    <ion-radio value="cord"></ion-radio>
  </ion-item>
  </ion-col>
  <ion-col col-6>
  <ion-item>
    <ion-label>Duesenberg</ion-label>
    <ion-radio value="duesenberg"></ion-radio>
  </ion-item>
  </ion-col>
  </ion-row>
  </ion-grid>
</ion-list>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...