始终选择最后一个离子收音机

Question

我有一个人的列表，对于每个人，我需要检查他们是活的、死的还是僵尸（所有收音机都在同一行）。问题是如果我使用下面的代码，僵尸总是被选中而没有机会改变它。我怎样才能让它按需要工作？

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

始终选择最后一个离子收音机

Last ion-radio is always selected

radio-button

typescript

ionic2

ionic3

angular