防止scrollAssist＆amp;自动对焦于不需要键盘显示的输入

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，然后添加click Eventlistner以打开DatePicker，然后使用输入的placeholder属性来显示{{{1}的值1}}。

我希望这可以帮助您找到解决方案。如果有效，请告诉我。

好运＆amp;干杯

Ashish Sebastian