Ion-select无法在Ionic 3中滚动
在Ionic 3中，ion-select是一个用于创建下拉选择框的UI组件。然而，ion-select默认情况下是不支持滚动的，这可能会导致在选择项较多的情况下，无法完全展示所有选项。
为了解决这个问题，可以使用ion-select的属性来实现滚动效果。具体来说，可以使用ion-select的interface属性来指定滚动界面的类型。Ionic 3中支持的滚动界面类型有popover、action-sheet和alert。
例如，可以将ion-select的interface属性设置为popover，这样当点击ion-select时，会弹出一个可滚动的选择框。代码示例如下：
<ion-item>
<ion-label>选择项</ion-label>
<ion-select interface="popover">
<ion-option value="1">选项1</ion-option>
<ion-option value="2">选项2</ion-option>
<ion-option value="3">选项3</ion-option>
<!-- 更多选项... -->
</ion-select>
</ion-item>除了使用interface属性，还可以通过设置ion-select的属性来自定义滚动效果。例如，可以使用ion-select的popoverOptions属性来设置弹出框的选项，包括滚动效果、样式等。
总结起来，如果在Ionic 3中使用ion-select时遇到无法滚动的问题，可以通过设置ion-select的interface属性为popover，并根据需要自定义滚动效果来解决。具体的代码实现可以参考Ionic官方文档中ion-select的相关说明。
腾讯云相关产品和产品介绍链接地址：
相关·内容
1回答
<ion-row *ngFor="let customer of in_task_only"> <ion-list> <h1>{{customer.lsl_contact_person}} SC_L: {{customer.lsl_sys_id }} </h1> </
浏览 7提问于2018-02-13得票数 1
回答已采纳
9回答
我正在使用Ionic v2，当显示页面时，我无法设置所选的值。<ion-select [(ngModel)]="company.form"></ion-select>
我也
浏览 22提问于2016-12-14得票数 31
回答已采纳
关键是表单页面中的ion-content是可滚动的，但选择它本身并不是滚动。代码如下： <ion-item>
浏览 17提问于2019-02-08得票数 1
5回答
我是Ionic 2的新手，我仔细阅读了Ionic 2文档，并认为这段代码可以工作。它应该返回当前的选择值，当它被更改，并打印到控制台。page.html <ion-option value="a">A</ion-option>
<ion-option value="b&
浏览 4提问于2016-11-16得票数 17
回答已采纳
2回答
我在用ionic 4.7.0。实际行为：预期行为：
当警报打开时，视图将自动以选定的值为中心。我创建了这个来突出显示这个行为，我们可以在stackblitz上看到，在加载视图时，所选的值是11:00，但是当您打开警报时(通过单击离子选择)，我希望视图会自
浏览 10提问于2020-01-28得票数 2
回答已采纳
为什么更改事件在ion-select上不起作用？我尝试使用以下语句：我还尝试了使用下面的方法来使用ionChange，这是有效的：
<ion-select formControlName="shippingMethod (ionChange)="shippingMethodChange(
浏览 2提问于2017-01-16得票数 10
回答已采纳
试图在我的角/ Ionic 4应用程序中解决一个无法工作的多选择ion-select的问题。我发现这是我使用的BugSnag和ion-select实现的组合：function (elm, eventName, cb, opts) {
elm.
浏览 4提问于2019-11-19得票数 0
回答已采纳
1回答
这样做是可行的： <ion-label>Gender</ion-label> </ion-item> <ion-item> <ion-select placeholder="
浏览 1提问于2019-12-09得票数 0
大家好，当我在prod版本中编译我的应用时，我得到了一个错误<ion-select #sel1 [(ngModel)]="Selectedcat" (ngModelChange)="onChange()" >imports: [ HttpModule,
Ionic
浏览 4提问于2018-02-08得票数 1
我有下面的代码，到目前为止正在工作，但有一些小问题，我无法解决它。它没有更新(将所选值设置为离子选择)，在用户选择一个选项后进行离子选择？基本上UI没有用选定的值进行更新吗？<ion-item><ion-select [(ngModel)]="selectedItem" #item (changeonChange(selectedItem)">
<ion-option *ngFor=&q
浏览 4提问于2016-02-28得票数 4
我正在进行从Ionic 3到Ionic 4的迁移。在我的ionic 3页面上有类似这样的内容： <ion-select ...> ...other selection options
</ion-selec
浏览 22提问于2019-09-09得票数 1
1回答
我正在尝试加载一个保存的模板数组，以便能够从它们中选择作为ion-select中的选项，并根据选择的选项更新表单。destination: string; //iban amount: number;} 这是我的ion-select的外观： <ion-item> <ion-
浏览 10提问于2019-01-11得票数 0
4回答
如何在ionic应用中显示文本的隐藏部分？正如您在上面捕获的屏幕中所看到的，部分时间文本被隐藏为...对应的html代码如下：<ion-select [(ngModelof trips" [value]="subtrip.id"> </ion-option>
</
浏览 0提问于2019-08-21得票数 0
2回答
所以我用的是离子选择和select倍数对真。如何自定义显示消息或仅显示所选项目的数量，而不是列表？我要“选择14个项目”而不是这些项目。
浏览 1提问于2020-06-17得票数 0
回答已采纳
7回答
无法更改离子v4中的占位符不透明度
<ion-select class="contact-us-select" interface="alert" [interfaceOptions]="custom
浏览 5提问于2019-05-09得票数 6
1回答
我真的不知道怎么表达我的问题，因为我很新的Ionic和混合应用程序开发在gerneral，但我会尽我所能。我正在开发一个应用程序，我想通过点击另一个按钮来打开一个ion-select字段。more-button"> <ion-selection-s
浏览 2提问于2019-05-16得票数 2
回答已采纳
3回答
<ion-select [(ngModel)]="choices" multiple="true"> <ion-option>Electronics</ion-option><
浏览 3提问于2018-02-07得票数 15
回答已采纳
我第一次涉足Ionic，从一开始就在使用组件文档学习，我被这个错误困住了:模板解析错误：‘ion-选项’不是已知的元素：<ion-select [(ngModel)]="gaming"></ion-select>
我搜索并找到了这样的解决方案：，但是，使用类似<option ion-option甚至，我<e
浏览 0提问于2018-12-04得票数 10
回答已采纳
4回答
align-items-center no-padding> <ion-select>Admin</ion-select-option> &l
浏览 0提问于2019-05-01得票数 8
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
