離子 - 如何把離子選擇和離子日期時間一起離子項目排

Question

我希望把離子選擇和離子日期時間在同一個離子項目象下面這樣：

<ion-item *ngFor="let column of columns"> 
      <ion-label floating>{{column.title}}</ion-label> 

      <ion-select *ngIf="column.type=='customDate'"> 
         <ion-option value="on">on</ion-option> 
         <ion-option value="onorbefore">on or before</ion-option> 
         <ion-option value="onorafter">on or after</ion-option> 
         <ion-option value="bewteen">between</ion-option> 
        </ion-select> 

        <ion-datetime *ngIf="column.type=='customDate'" displayFormat="YYYY-MM-DD" ></ion-datetime> 
        <ion-datetime *ngIf="column.type=='customDate'" displayFormat="YYYY-MM-DD" ></ion-datetime> 



      <ion-input *ngIf="column.type=='text'" type="text" [(ngModel)]="filterValues[column.id]"></ion-input> 
     </ion-item> 

的邏輯是如果列類型是customDate，然後顯示下拉選擇和兩個日期時間選擇器。基於用戶選擇的dateType，第二個dateTime選擇器將被隱藏。

現在的問題是，如果我使用上面的代碼，那麼我只能看到dateTime組件。 dateType下拉選擇不再存在。我查看了Web控制檯中的源代碼，下拉列表中的dateType選項是空的。

使用離子項目組件有任何限制嗎？爲什麼你不能在同一個離子項目列中一起顯示所有三個？

感謝

Answer 1

你可以試試這個

<ion-list> 
<ion-row> 
    <ion-col ion-item col-6> 
    <ion-select></ion-select> 
    </ion-col> 
    <ion-col ion-item col-6> 
    <ion-datetime></ion-datetime> 
    </ion-col> 
</ion-row> 
</ion-list>