码迷,mamicode.com
首页 > 其他好文 > 详细

ionic 下拉刷新,上拉加载更多

时间:2016-11-18 18:21:34      阅读:230      评论:0      收藏:0      [点我收藏+]

标签:标签   ini   sof   text   lan   下拉刷新   nic   font   content   

1)下拉刷新用的是 ion-refresher,使用示例如下:

<ion-refresher
     pulling-text="Pull to refresh..."
     on-refresh="doRefresh()">
</ion-refresher>

详情说明请看官方文档:http://ionicframework.com/docs/api/directive/ionRefresher/

刷新后需要收起 loading 动画

 

$scope.$broadcast(‘scroll.refreshComplete‘);  

 

2)上拉加载用的是 ion-infinite-scroll,使用示例如下:

<ion-infinite-scroll
    on-infinite="loadMore()"
    distance="1%">
</ion-infinite-scroll>

详情说明请看官方文档:http://ionicframework.com/docs/api/directive/ionInfiniteScroll/

加载完之后需要收起 loading 动画

 

$scope.$broadcast(‘scroll.infiniteScrollComplete‘);

 

 

 

PS:需要注意的是这两个功能标签都是需要写在 ion-content 标签里的,不然会出错

ionic 下拉刷新,上拉加载更多

标签:标签   ini   sof   text   lan   下拉刷新   nic   font   content   

原文地址:http://www.cnblogs.com/tujia/p/6078394.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!