最後のイオンラジオはいつも選択されています

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>