連續多次選擇不在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>