总是选择最后一个离子拉迪奥

Question

我有一个人列表，对于每个人，我需要检查他们是否活着，死亡还是僵尸(所有无线电在同一条线中(。问题是，如果我使用下面的代码，则始终选择Zombi，没有机会更改它。我该如何使其根据需要工作？

    <ion-list radio-group [(ngModel)]="person1">
      <ion-item>
        <ion-label>Alice</ion-label>
        <ion-radio value="alive"></ion-radio>
        <ion-radio value="dead"></ion-radio>
        <ion-radio value="zombi"></ion-radio>
      </ion-item>
    </ion-list>

Answer 1

如果要将所有无线电项目放在同一行中，则可以使用 ion-row和 ion-col元素：

 <ion-row radio-group [(ngModel)]="person1">
    <ion-col>
      <ion-item>
        Alice
      </ion-item>
    </ion-col>
    <ion-col>
      <ion-item>
        <ion-label>Alive</ion-label>
        <ion-radio value="alive"></ion-radio>
      </ion-item>
    </ion-col>
    <ion-col>
      <ion-item>
       <ion-label>Dead</ion-label>
        <ion-radio value="dead"></ion-radio>
      </ion-item>
    </ion-col>
    <ion-col>
      <ion-item>
       <ion-label>Zombie</ion-label>
        <ion-radio value="zombie"></ion-radio>
      </ion-item>
    </ion-col>
  </ion-row>