IONIC2/3 常见问题解决

1.click 点击事件触发两次与延时

在 div,ion-row,ion-co l等非 button 元素中添加 click 事件时,有时会出现点击屏幕一次却出现了点击两次的效果,这时需要给这些元素添加 tappable 属性即可解决该问题,因为在手机端更适合使用 tap 事件来代替 click

2.在chrome模拟器上显示本地图片,打包成apk之后图片找不到

原因:因为安卓手机计算图片路径与浏览器不一致

解决方法:

html中:<img src="../assets/img/dongruan.png">修改为<img src="assets/img/dongruan.png">

scss中则需要 background:url('../assets/img/dongruan.png');

3.html中双向绑定的变量值没有初始化的情况下,需要加"?""

例:let user of userListModal?.L_Author

4.PopTo返回

返回上两级页面:this.navCtrl.popTo(this.navCtrl.getByIndex(this.navCtrl.length()-3));

5.IOS下Input元素focus后无法唤起键盘

在config.xml文件中添加

<preference name="KeyboardDisplayRequiresUserAction" value="false" />

6.ion-input  type=number在ios下仍然可以输入文字

<ion-input type="number" pattern="[0-9]*">