¿Cómo puedo usar un ngModel en un elemento de ion-radio?

Estoy tratando de implementar un ngModel en un elemento de ion-radio, pero de alguna manera no funciona. Este es mi código:

HTML

<ion-list radio-group> <ion-list-header> Unit </ion-list-header> <ion-item> <ion-label>Metric (kg)</ion-label> <ion-radio value="1" [(ngModel)]="unit"></ion-radio> </ion-item> <ion-item> <ion-label>Imperial (lbs)</ion-label> <ion-radio value="2" [(ngModel)]="unit"></ion-radio> </ion-item> </ion-list> 

Javascript

 import {Page} from 'ionic-angular'; @Page({ templateUrl: 'build/pages/settings/settings.html' }) export class Settings { constructor() { this.unit = 2; } } 

Intenté implementarlo en una input de iones y una selección de iones, y eso funciona bien. También intenté agregar directives: [FORM_DIRECTIVES] a mi @Página y agregué la import correspondiente, pero eso no solucionó el problema.

¿Algunas ideas?

One Solution collect form web for “¿Cómo puedo usar un ngModel en un elemento de ion-radio?”

La syntax ha sido reescrita ahora, ngModel debe colocarse con ion-list y radio-group solo una vez. No es necesario tenerlos allí en cada elemento de ion-radio .

 <ion-list radio-group [(ngModel)]="unit"> <ion-list-header> Unit </ion-list-header> <ion-item> <ion-label>Metric (kg)</ion-label> <ion-radio value="1"></ion-radio> </ion-item> <ion-item> <ion-label>Imperial (lbs)</ion-label> <ion-radio value="2" ></ion-radio> </ion-item> </ion-list> 

Para get más información, puede visitar el enlace del foro de ionic2 framework

  • Determine si un evento de deslizamiento es para deslizar hacia la izquierda o deslizar hacia la derecha
  • Cómo manejar el button "Ir" / "Entrar" del keyboard Ionic2 <ion-input>
  • Angular2 espera múltiples promises para terminar
  • Iónico 2: establecer el intervalo
  • Angular 2 "ng-style" dentro de "* ngFor" cambio de color de background
  • Vinculación a una URL externa con un código de seguimiento adjunto en Ionic 2
  • build dev failed: no se puede establecer la propiedad 'fileSystem' de null
  • Angular 2: file no encontrado en el file local .json
  • Javascript tiene muchos buenos JS marco (como Node.js AngularJS Vue.js React.js) es el mejor lenguaje de script.