title: ionic radio group ng-model select
body: <p>I'm trying to implement a ngModel on a ion-radio element for changing unit for my app . every is fine , but when select option one and select option tow he is stack on option one ! . l want make user to chose only only option </p>
  
  <p>html : </p>
  
  <pre><code>&lt;ion-list&gt;
      &lt;ion-radio-group&gt;
        &lt;ion-list-header&gt;
          Unit Fuel
        &lt;/ion-list-header&gt;
  
        &lt;ion-item&gt;
          &lt;ion-label&gt;LBS&lt;/ion-label&gt;
          &lt;ion-radio value="LBS" [(ngModel)]="Fuel_lbs"&gt;&lt;/ion-radio&gt;
        &lt;/ion-item&gt;
  
        &lt;ion-item&gt;
          &lt;ion-label&gt;KG&lt;/ion-label&gt;
          &lt;ion-radio value="KG" [(ngModel)]="Fuel_kg"&gt;&lt;/ion-radio&gt;
        &lt;/ion-item&gt;
  
      &lt;/ion-radio-group&gt;
    &lt;/ion-list&gt; 
  </code></pre>
  
  <p>my operation code to do math operation for lbs and kg</p>
  
  <pre><code>    public Fuel_kg: boolean = false; 
        public Fuel_lbs: boolean = false; 
  
        public object: any;
        constructor(public http: HTTP,public https: HttpClient,public alertCtrl:AlertController) {
  
        }
   async addThemFunction () {
  
    if (this.Fuelunit_lbs ==true) {
      let  firstNumber = this.firstNumber ? parseFloat(this.firstNumber) : 0 ;
      let  mainfuellbs = this.mainfuellbs ? parseFloat(this.mainfuellbs) : 2200 ;
      if(firstNumber==0){
        let alert = await this.alertCtrl.create({
          header: 'Alert',
          message: 'Pleas Enter value !',
            buttons: ['OK']
        });
        await alert.present();
  
    }else{
      this.totallbs =firstNumber * mainfuellbs;
      this.clickMessageforlbs='This flight is around '+ firstNumber + ' nm , so you need '
  
    }
    console.log("clicked!");
  
    }else if (this.Fuel_kg==true) {
      let  firstNumber = this.firstNumber ? parseFloat(this.firstNumber) : 0 ;
      let  mainfuelkg = this.mainfuelkg ? parseFloat(this.mainfuelkg) : 1000 ;
      if(firstNumber==0){
        let alert = await this.alertCtrl.create({
          header: 'Alert',
          message: 'Pleas Enter value !',
            buttons: ['OK']
        });
        await alert.present();
  
    }else{
      this.totallbs =firstNumber * mainfuelkg;
      this.clickMessageforkg='This flight is around '+ firstNumber + ' nm , so you need '
  
    }
    console.log("clicked!");
    }
  
    }
  </code></pre>
  
  <p>with ngmodel l cant chose one select </p>
  
  <p><a href="https://i.stack.imgur.com/BiviG.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/BiviG.png" alt="enter image description here"></a></p>
  
  <p>with out ngmodel </p>
  
  <p><a href="https://i.stack.imgur.com/8x4BZ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/8x4BZ.png" alt="enter image description here"></a></p>
  
  <p><a href="https://ionicframework.com/docs/api/radio" rel="nofollow noreferrer">ionic doc radio group </a></p>
  
  <p>any help please ? </p>