一行中的多项选择在 Ionic 2 中不起作用

Question

当我在 Ionic 2 项目中连续添加多个选择时，它总是采用最后一个选择。 任何解决方案。

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>