ionic3 - 如何在ionic3中对齐单选按钮和标签

Question

我正在使用 Ionic3 开发要创建单选按钮列表的应用程序。但是，我需要单选按钮出现在左侧，标签（文本）出现在右侧有什么想法吗？

<ion-item>
  <ion-radio value="friends" checked></ion-radio>
  <ion-label>Public</ion-label>
</ion-item>

<ion-item>
  <ion-radio value="family"></ion-radio>
  <ion-label>Private</ion-label>
</ion-item>

标签： ionic3

Answer 1

您可以在 ion-radio 中使用 item-left 属性

<ion-item>
    <ion-radio item-left></ion-radio>
    <ion-label>Option</ion-label>
</ion-item>