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

Question

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

当我触摸页面底部的输入时，页面会滚动，因此输入位于键盘上方。预期的行为，所以确定。但是头球也被推了，这是错误的。

所以我在互联网上查看并找到了一种解决方法，即在 app.module.ts 的导入语句中编写以下内容

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

这确实很有效，因为页面仍在滚动并且标题没有被推开。

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

关于如何在触摸不需要键盘的输入时防止页面自动滚动的任何想法？

Answer 1

这可以通过使用 input 的两个属性来实现。成分。首先你可以设置readonly属性为 true，然后添加 click Eventlistner打开DatePicker然后使用 placeholder输入的属性来显示 DatePicker 的值.

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

好运与干杯

阿希什·塞巴斯蒂安