Ionic2。视觉上未检查ion-option

Question

我在ion-option内有ion-list：

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

在我设置的页面/组件内部：

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

从视觉上看，它没有经过检查，从技术上讲，它是。：

以下是选项：

因为看起来它必须是一个不是字符串的数字...... 我该如何解决这个问题？

Answer 1

我认为你想要完成的事情是这样的：

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

这将显示years数组中的年份列表，并会检查yearModel中的年份列表（为清晰起见，我使用了不同的变量名称）。

例如，如果您在页面文件中执行this.yearModel="2016"，则会检查2016年。