¿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

  • Importar banda utilizando Angular2 y stripe.js
  • Datos de acceso de AngularFire2 después de recuperarlo
  • Unkeught TypeError: no se puede leer la propiedad 'ca' de null al arrastrar Google Map
  • iónico 2: creación de una repetición ng dentro de diapositivas iónicas
  • Almacenamiento seguro iónico: solicite al usuario que configure una pantalla bloqueada
  • Cree una aplicación de inicio de JavaScript con iónica 2 en lugar de una aplicación de types
  • Inyectar el service angularjs en Angular
  • Cómo mover un div en semi círculo
  • Javascript tiene muchos buenos JS marco (como Node.js AngularJS Vue.js React.js) es el mejor lenguaje de script.