要实现这个功能,可以通过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系列: