ionic2/3 踏坑之路

Posted 2020-10-13

从ionic1转战过渡到ionic2/3已经好一段时间了，一直没有时间静下来总结一下。

ionic2/3以angular2和ts为基础开发，提前学习ag2和ts为接下来的开发大有好处。

自定义tabs导航栏颜色:

　　在variables.scss文件中添加$tabs-ios-background：***;

统一使用ios样式：在app.mudule.ts文件中的imports添加：

　　IonicModule.forRoot(MyApp,{iconMode:‘ios‘,mode:‘ios‘});

真机图片不显示：

　　图片路径从assets开始;

ion-searchbar按键搜索键触发：

　　将(ionInput)方法改为(search)；

使用定位插件Geolocation出现二级授权弹框的解决办法：

　　this.platform.ready().then(()=>{//放入平台加载完成之后执行

　　　　this.geolocation......

　　})

隐藏滚动条：

　　::-webkit-scrollbar{

　　　　display:none!important;　　

　　}

ionic2/3页面切换数据刷新：

事件名称	事件说明
ionViewDidLoad	页面加载完毕触发。该事件发生在页面被创建成 DOM 的时候，且仅仅执行一次。如果页面被缓存（Ionic默认是缓存的）就不会再次触发该事件。该事件中可以放置初始化页面的一些事件。
ionViewWillEnter	即将进入一个页面变成当前激活页面的时候执行的事件。
ionViewDidEnter	进入了一个页面且变成了当前的激活页面，该事件不管是第一次进入还是缓存后进入都将执行。
ionViewWillLeave	将要离开了该页面之后变成了不是当前激活页面的时候执行的事件。
ionViewDidLeave	在页面完成了离开该页面并变成了不是当前激活页面的时候执行的事件。
ionViewWillUnload	在页面销毁和页面中有元素移除之前执行的事件。
ionViewDidUnload	在页面销毁和页面中有元素移除之后执行的事件