總是選擇最後一個離子無線電

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>