Две радио кнопки, связанные в Ionic 2 - PullRequest
Новая
       9

Две радио кнопки, связанные в Ionic 2

0 голосов
/ 01 сентября 2018

Как я могу перевести это на Ionic 2? 

<div class="weightunitradios">
  <ion-checkbox 
    class="checkboxes" 
    ng-model="data.weightunit" 
    ng-true-value="'kg'" 
    ng-false-value="'lbs'" 
    ng-change="saveWeightUnit(); changeMinMax(); convertWeightInput(); saveUserWeight();">
    kg
  </ion-checkbox>
  <ion-checkbox 
    class="checkboxes" 
    ng-model="data.weightunit" 
    ng-true-value="'lbs'" 
    ng-false-value="'kg'" 
    ng-change="saveWeightUnit(); changeMinMax(); convertWeightInput(); saveUserWeight();">
    lbs
  </ion-checkbox>
</div>

Я попробовал это, но поведение не то, что я ожидал, мне нужно иметь возможность выбрать только одну радиостанцию ​​за раз: 

<ion-list class="weightunitradios">
  <ion-item>
    <ion-label>kg</ion-label>
    <ion-checkbox 
      mode="ios" 
      value="kg" 
      [(ngModel)]="data.weightunit" 
      ngTrueValue="'kg'" 
      ngFalseValue="'lbs'" 
      (ionChange)="saveWeightUnit(); changeMinMax(); convertWeightInput(); saveUserWeight();">
    </ion-checkbox>
  </ion-item>
  <ion-item>
    <ion-label>lbs</ion-label>
    <ion-checkbox 
      mode="ios" 
      value="lbs" 
      [(ngModel)]="data.weightunit" 
      (ionChange)="saveWeightUnit(); changeMinMax(); convertWeightInput(); saveUserWeight();">
    </ion-checkbox>
  </ion-item>
</ion-list>
...