【转载】 ionic 的 下拉刷新 与 上拉加载

这篇文章是讲解 Ioinc中怎么实现 下拉刷新和上拉加载的。也是我们日常做项目是必不可少的功能。有兴趣的小伙伴可以来学习一下。

更多关于 IONIC 的资源： http://www.aliyue.net/?s=ionic

HTML部分

 1 <ion-view view-title="消息通知"> 2  <ion-content class="padding"> 3 　<!-- <ion-refresher> 下拉刷新指令 --> 4  <ion-refresher pulling-text="Pull to refresh" on-refresh="vm.doRefresh()"></ion-refresher> 5   <div class="list card" ng-repeat="message in vm.messages" > 6    <div class="item item-divider item-icon-right">{{message.title}} 7     <i class="icon" ng-click="vm.show(message)" ng-class="message.static?‘ion-arrow-down-b‘:‘ion-arrow-right-b‘"></i></div> 8    <div class="item item-body"> 9     <div>10      {{message.static?message.content:message.content.substr(0, 40)}}11     </div>12    </div>13   </div>14   <!-- ion-infinite-scroll 上拉加载数据指令 distance默认1% nf-if的值为false时，就禁止执行on-infinite -->15   <ion-infinite-scroll ng-if="!vm.moredata" on-infinite="vm.loadMore()" distance="1%" ></ion-infinite-scroll>16  </ion-content>17 </ion-view>

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理：https://www.xlkjsw.com

原标题：【转载】 ionic 的 下拉刷新 与 上拉加载

关键词：