ionic笔记

在ui router 内

abstarct:true的意思就是底下的tabs按钮组

下拉更新数据 : ion-refresher

使用指令 ion-refresher 可以为滚动容器（ion-scroll 或 ion-content）增加 拉动刷新

/pull-to-refresh 的功能：

ion-refresher 指令有以下可选的属性：

on-refresh - 当用户向下拉动足够的距离并松开时，执行此表达式

on-pulling - 当用户开始向下拉动时，执行此表达式

pulling-text - 当用户向下拉动时，显示此文本

pulling-icon - 当用户向下拉动时，显示此图标

refreshing-icon - 当用户向下拉动并松开后，显示的等待图标。ionic 推荐使用 spinner 代替这个属性

spinner - 和 refreshing-icon 的作用一样，但 spinner 是基于 SVG 的动画

disable-pulling-rotation - 禁止下拉图标旋转动画

注意在刷新完毕后，应当使用作用域的$broadcast()方法通知框架：

scope.broadcast(“scoll.refreshComplete”)

spinner 使用：

http://www.ionicframework.com/docs/api/directive/ionSpinner/

1. 上拉更新数据 : ion-infinite-scroll

使用 ion-infinite-scroll 指令可以为滚动容器（ion-scroll 或 ion-content）增加 滚动刷新功能：

…

ion-infinite-scroll 指令有如下属性：

on-infinite - 必须。当滚动到底部时执行此表达式

distance - 可选。距底部距离百分比。当距离底部超过此数值时，执行 on-infinite。默认为 1%

icon - 可选。载入时显示的图标。默认是 ion-load-d。ionic 推荐使用 spinner

代替 icon 属性

spinner - 可选。载入时的 spinner。默认是 ionSpinner

immediate-check - 可选。是否在载入时立即检查滚动框范围

载入图标使用 icon 属性设置为 ion-load-a 试试

查看url返回的参数 。 $stateParams