连续多次选择不在Ionic 2中工作

Question

当我在Ionic 2项目的一行中添加多个Select时，它总是需要最后一次选择。 任何解决方案。

Answer 1

我不知道的你尝试过什么，到目前为止，但这种布局的地方有两个选择组件相同行在：

<ion-list> 
    <ion-item> 

     <!-- Label --> 
     <ion-label>Label</ion-label> 

     <!-- First select --> 
     <ion-select [(ngModel)]="propertyOne"> 
      <ion-option value="0">Option 0</ion-option> 
      <!-- ... --> 
     </ion-select> 

     <!-- Second select --> 
     <ion-select [(ngModel)]="propertyTwo"> 
      <ion-option value="0">Option 0</ion-option> 
      <!-- ... --> 
     </ion-select> 
    </ion-item> 
</ion-list> 

的关键是既ion-select组件放置相同的内ion-item

Answer 2

我正在使用for循环来填充以下代码中的选择值。

<ion-item> 
<ion-select placeholder="Minute" interface="popover [(ngModel)]="minute"> 
<ion-option *ngFor="let min of minList">{{min}}</ion-option> 
</ion-select> 
</ion-item> 

缺少的部分是我没有增加价值。

<ion-option *ngFor="let min of minList" [value]="min">{{min}}</ion-option> 

现在它的正常工作

Answer 3

you can try this one may be help for you: 

<ion-grid> 
    <ion-row> 
    <ion-col width-50> 
     <ion-item> 
      <ion-label>Minute</ion-label> 
      <ion-select [(ngModel)]="below"> 
      <ion-option value="n12">2</ion-option> 
      <ion-option value="n22">3</ion-option> 
      </ion-select> 
     </ion-item> 
    </ion-col> 
    <ion-col width-50> 
     <ion-item> 
      <ion-label>Minute 2</ion-label> 
      <ion-select [(ngModel)]="inr"> 
      <ion-option value="h1">5</ion-option> 
      <ion-option value="h2">6</ion-option> 
      <ion-option value="h3" >7</ion-option> 
      </ion-select> 
     </ion-item> 
    </ion-col> 
    </ion-row>