首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >ion-如何在ion-item行中将ion-select和ion-datetime放在一起

ion-如何在ion-item行中将ion-select和ion-datetime放在一起
EN

Stack Overflow用户
提问于 2017-06-14 12:54:25
回答 0查看 1.3K关注 0票数 0

我想把ion-select和ion-datetime放在同一个ion-item中,如下所示:

代码语言:javascript
复制
<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,则显示下拉选择和两个datetime选取器。根据用户选择的dateType,第二个dateTime选取器将被隐藏。

现在的问题是,如果我使用上面的代码,那么我只能看到dateTime组件。dateType下拉选择不再存在。我在web控制台中查看了源代码,下拉的dateType select是空的。

使用ion-item组件有什么限制吗?为什么不能在同一个ion-item行中同时显示这三个项目呢?

谢谢

EN

回答

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/44535724

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档