防止在不需要键盘显示的输入上使用scrollAssist和autoFocus

Question

我使用Ionic 2构建了一个Angular Reactive Form.

当我触摸页面底部的输入时,页面将滚动,因此输入位于键盘上方.预期的行为,好吧.但是标题也是推,这是错误的.

所以我在互联网上查找了一个解决方法,即在app.module.ts的import语句中编写以下内容

// app.module    
IonicModule.forRoot(MyApp, {
   scrollAssist: true,
   autoFocusAssist: true
})

这确实很有效,因为页面仍然滚动,标题不会被推开.

但我还有一个问题.当我触摸不需要显示键盘的输入(例如,datepicker)时,页面在第一次触摸时滚动,我必须再次触摸,以便日期选择器打开...

关于我怎么可能的任何想法可能会阻止页面在触摸不需要键盘的输入时自动滚动？

Answer 1

这可以通过使用input组件的两个属性来实现。首先可以将该readonly属性设置为 true，然后添加clickEventlistner 打开DatePicker，然后使用placeholderinput 的属性来显示 的值DatePicker。

我希望这能帮助您找到解决方案。让我知道这个是否奏效。

祝你好运和干杯

阿什什·塞巴斯蒂安