离子无线电试图显示为一行

Question

我目前正在尝试将离子单选按钮显示为一行，而不是像我的代码现在显示的那样显示3行文本。已经尝试过使用其他离子行或style="display: inline"，但对我没有任何帮助。

输出

预期产量

这实际上是我的代码：

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

如何解决此问题？ 谢谢。

Answer 1

对于该输出，以使带有离子标签的无线电分组并包裹在离子项目内部，并用ion-grid包裹离子项目，并为标签和单选按钮添加行以使用离子项目根据{{​​3}}

中的描述

这是我制定的，我没有检查，但是可以正常工作，尝试该代码

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