ionic2 tab页面刷新问题

ionic2页面堆叠（个人理解）导致页面只请求一次，需求需要每打开一次页面请求一次，百度半天找不出相似的方法。

最后找到了一个大神的记录，在此借用一下。

(不会变表格。。。)

ionViewDidLoad 页面加载完毕触发。该事件发生在页面被创建成 DOM 的时候，且仅仅执行一次。如果页面被缓存（Ionic默认是缓存的）就不会再次触发该事件。该事件中可以放置初始化页面的一些事件。

ionViewWillEnter 即将进入一个页面变成当前激活页面的时候执行的事件。

ionViewDidEnter 进入了一个页面且变成了当前的激活页面，该事件不管是第一次进入还是缓存后进入都将执行。

ionViewWillLeave 将要离开了该页面之后变成了不是当前激活页面的时候执行的事件。

ionViewDidLeave 在页面完成了离开该页面并变成了不是当前激活页面的时候执行的事件。

ionViewWillUnload 在页面销毁和页面中有元素移除之前执行的事件。

ionViewDidUnload 在页面销毁和页面中有元素移除之后执行的事件

在这里ionViewWillEnter和ionViewDidEnter都会在进入页面时执行，但是ionViewWillEnter会先执行。已修改工程，暂时未见什么问题。

ionViewWillEnter同时适用于 thisnavCtrlpush()跳转，自动生成的返回按钮点击返回亲测有效。thisappgetRootNav()push（）无效。

解决一大难题啊！哈哈~

刚记完笔记回去，页面就报错了（啪啪啪打脸）。ionViewWillEnter和ionViewDidEnter同时用会报错去掉一个就行，will，did这是一个问题。。。。

ionic在英语中是ion离子的形容词。

Ionic与ion的关系是Ionic包含ion，ion属于Ionic，而ion有很多种，也可以搭配很多后缀。ion是Ionic的基本元素的前缀。

概述

编辑

由阴、阳离子相互作用而构成的化合物，这就叫做离子化合物（ionic compound）

代表物：

碱性氧化物（Fe2O3）

盐（NaCl）

碱[NaOH]

存在形式

编辑

离子化合物（ionic compound）是存在于：

1、活泼金属（指第一和第二主族的金属元素）与活泼的非金属元素（指第六和第七主族的元素）之间形成的化合物

2、金属元素与酸根离子之间形成的化合物。（酸根离子如硫酸根离子SO42-、硝酸根离子NO3-、碳酸根离子CO32-等等）；

3、铵根离子（NH4+）和酸根离子之间，或铵根离子与非金属元素之间，例如NH4Cl、NH4NO3。

4、NaH,KH等活泼金属氢化物。

离子化合物都是强电解质。在熔融状态下：都可以导电（此类物质加热时易分解或易氧化）。在水中：有的可以导电，有的不可以导电（此类物质易与水反应或不溶于水）。 在原电池中的作用：形成闭合电路。

相关关系

编辑

离子化合物和共价化合物都涉及到电子的移动。

离子化合物是通过离子键形成的化合物，离子键是由电子转移(失去电子者为阳离子,获得电子者为阴离子)形成的。即正离子和负离子之间由于静电作用所形成的化学键。

而共价化合物是通过共用电子构成的共价键结合而成的化合物，共价键是化学键的一种，两个或多个原子共同使用它们的外层电子，在理想情况下达到电子饱和的状态，由此组成比较稳定和坚固的化学结构叫做共价键。与离子键不同的是进入共价键的原子向外不显示电性，因为它们并没有获得或损失电子。共价键的强度比氢键要强，与离子键差不太多或甚至比离子键强。

常见的离子化合物：NaCl,CsCl,Na2O2,NH4Cl碱，以及大多数的盐！并不是所有的酸、碱、盐

离子化合物

共价化合物

构成粒子 阴、阳离子 分子或原子(SiC)

离子间的作用 离子键 分子或原子之间存在的共价键

熔沸点 较高 一般较低，少部分很高（如SiO2）

导电性 熔融态或水溶液导电 熔融态不导电，溶于水有的导电（硫酸），有的不导电（蔗糖）

熔化时破坏的作用力

一定破坏离子键，可能破坏共价键（如碳酸氢钠）

一般不破坏共价键，极少部分破坏共价键（SiO2）

实例 强碱、多数盐、活泼金属的氧化物或过氧化物或超氧化物 酸、非金属的氢化物、氧化物

在网上查了很多资料都没找到对应的解决方案，自己后面研究了下。大致找到了解决办法，虽然不是最完美的解决方案，但是也基本能解决问题了。

接的一个外包项目中需要在安卓机上使用思源字体，而在苹果机上使用苹方字体。当时考虑ionic是否有对应的平台配置项可以解决这个问题，但是在下ionic不是特别精通，始终没有找到解决的办法。最后想到在ios中运行，元素类名中会自动加入“ios”字符。所以最终选择的解决方案如下：

在appscss中引入思源字体和苹方字体，然后对所有元素设置为思源字体，对类名包含ios字符的元素使用苹方字体（但是把字体图标排除在外：not(ion-icon)）。这是本人想到的解决方案，如果有更优雅的解决方式欢迎大家告知。谢谢。

ionic 划动事件 : on-swipe

在屏幕上按住并快速拖动时，将触发on-swipe划动事件：

gesture-swipe

根据划动方向的不同，可细分为以下指令：

on-swipe - 向任何方向的划动都触发事件

on-swipe-up - 向上划动时触发事件

on-swipe-down - 向下划动时触发事件

on-swipe-left - 向左划动时触发事件

on-swipe-right - 向右划动时触发事件

可以在任何元素上使用这些指令挂接事件监听函数：

<any on-swipe=""></any>

ionic事件脚本接口 : $ionicGesture

除了使用之前介绍的特定指令实现手势事件的监听，也可以使用$ionicGesture服务 注册/解除手势事件监听：

on(eventType,callback,$element,options) - 注册手势事件监听函数

参数eventType是支持的事件类型，参看下面介绍；参数callback指定监听函数； 参数$element是要绑定事件的jqLite元素。

on()方法返回的是一个ionicgesture对象，可供解除监听用。

off(gesture,eventType,callback) - 解除手势事件监听函数

参数gesture是on()方法返回的结果对象，参数callback是要移除的监听函数。

$ionicGesture服务支持的事件类型有：

hold, tap, doubletap, drag, dragstart, dragend, dragup, dragdown,

dragleft, dragright, swipe, swipeup, swipedown, swipeleft, swiperight,

transform, transformstart, transformend, rotate, pinch, pinchin,

pinchout, touch, release

以上就是关于ionic2 tab页面刷新问题全部的内容，包括:ionic2 tab页面刷新问题、ion与ionic区别、例举离子化合物，不要概括的等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！