我使用Ionic 2构建了一个Angular Reactive Form .
当我触摸页面底部的输入时,页面将滚动,因此输入位于键盘上方 . 预期的行为,好吧 . 但是 Headers 也是推,这是错误的 .
所以我在互联网上查找了一个解决方法,即在app.module.ts的import语句中编写以下内容
// app.module
IonicModule.forRoot(MyApp, {
scrollAssist: true,
autoFocusAssist: true
})
这确实很有效,因为页面仍然滚动, Headers 不会被推开 .
但我还有一个问题 . 当我触摸不需要显示键盘的输入(例如,datepicker)时,页面在第一次触摸时滚动,我必须再次触摸,以便日期选择器打开...
关于我怎么可能的任何想法可能会阻止页面在触摸不需要键盘的输入时自动滚动?
1 回答
这可以通过使用
input
component的两个属性来实现 . 首先,您可以将readonly
属性设置为true,然后添加click
Eventlistner以打开DatePicker
,然后使用输入的placeholder
属性来显示DatePicker
的值 .我希望这可以帮助您找到解决方案 . 让我知道这个是否奏效 .
Good Luck & Cheers
Ashish Sebastian