设为首页 加入收藏

TOP

AngularJS 实现页面滚动到底自动加载数据的功能
2015-02-02 14:11:15 来源: 作者: 【 】 浏览:29
Tags:AngularJS 实现 页面 滚动 到底 自动 加载 数据 功能

要实现这个功能,可以通过https://github.com/sroze/ngInfiniteScroll这个第三方控件来实现。步骤如下:


1. 下载ng-infinite-scroll.js程序http://sroze.github.io/ngInfiniteScroll/ 目前版本是1.0.0


2. 如果你是用的jQuery2.0以上版本,还需要修改ng-infinite-scroll.js程序,将所有的将所有的$window.xxx改为$(window).xxx, elem.xxx改为$(elem).xxx


3. 在HTML中引入script


4. HTML示例代码如下:


5. PostListController.js代码如下:


这样就实现了页面拖动到底后,从服务器自动加载数据的功能。


希望你喜欢,并分享我的工作~带你走近AngularJS系列


】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
分享到: 
上一篇Clojure:通过ZeroMQ推送消息 下一篇AngularJS 实现轮播图效果

评论

帐  号: 密码: (新用户注册)
验 证 码:
表  情:
内  容: