Ionic2. Ion-Option aktiviert ist visuell nicht

Question

Ich habe diese ion-option innen ein ion-list:

<ion-select [(ngModel)]="year"> 
    <ion-option checked="true"> 
     {{year}} 
    </ion-option> 
    <ion-option *ngFor="#year of years"> 
     {{year}} 
    </ion-option> 
    </ion-select> 

Und in der Seite/Komponente I gesetzt:

this.year = '2016'; 
this.day = 30; 
this.month = 'Jan'; 

Optisch ist es nicht überprüft, technisch gesehen, es ist. :

Dies sind die Optionen:

Wie es scheint, keine Zahl String sein muss ... Wie kann ich dieses Problem lösen?

Answer 1

denke ich, was Sie versuchen, so etwas wie dies zu tun ist:

<ion-select [(ngModel)]="yearModel"> 
     <ion-option *ngFor="#year of years" value="{{year}}"> 
     {{year}} 
    </ion-option> 
    </ion-select> 

Diese Liste der Jahre in Ihrem years Array zeigen werden, und prüft, das Sie in yearModel haben (habe ich eine andere variabler Name für Klarheit).

Zum Beispiel, wenn Sie this.yearModel="2016" in Sie Auslagerungsdatei tun, wird es das Jahr überprüfen 2016.