按钮组充当单选按钮离子2离子

Question

我正在使用离子2，我希望得到这样的结果：

目前，我有一个简单的离子列表：

<ion-list radio-group formControlName="type">
 <ion-col col-4 >                                              
    <ion-item>                             
     <ion-label>Breakfast</ion-label>                                          
     <ion-radio  value="breakfast" ></ion-radio>                           
     </ion-item>                         
 </ion-col>
 <ion-col col-4 >                           
      <ion-item>                                
     <ion-label>Diner</ion-label>                                
     <ion-radio  value="diner" checked="true">
    </ion-radio>                            
    </ion-item>                         
 </ion-col>
                  
<ion-col col-4 >                            
    <ion-item>                                
    <ion-label>Lunch</ion-label>                                
     <ion-radio  value="lunch" checked="true">
     </ion-radio>                            
     </ion-item>                          </ion-col>  

我的结果：

感谢

Answer 1

您需要实施Ionic Segment以获得预期结果。

看看Ionic-Segment