2016-03-18 17 views
4

Bir iyon radyo öğesinde ngModel kullanmaya çalışıyorum ama bir şekilde çalışmıyor.Bir iyon-radyo öğesinde ngModel'i nasıl kullanabilirim?

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 Bir iyon girişi ve iyon-select belirlenmesi ve uygulanması denedim ve bu sadece iyi çalışır

import {Page} from 'ionic-angular'; 

@Page({ 
    templateUrl: 'build/pages/settings/settings.html' 
}) 

export class Settings { 
    constructor() { 
     this.unit = 2; 
    } 
} 

: Bu benim kodudur. Ayrıca @Page'e directives: [FORM_DIRECTIVES] eklemeyi denedim ve ilgili içe aktarmayı ekledim ancak bu sorunu çözmedi.

Herhangi bir fikrin var mı?

cevap

12

sözdizimi sadece bir kez ion-list & radio-group, şimdi ngModel yer olmalı yeniden yazılmış değiştirildi. Her bir ion-radio öğesinde bulunmasına gerek yok.

<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> 

fazla bilgi için forum link

çerçeve ionic2 ziyaret edebilirsiniz