angularjs实现下拉加载更多
来源:互联网 发布:pconline软件 编辑:程序博客网 时间:2024/05/21 10:39
angularjs实现下拉加载更多数据,
我是通过指令来实现的,直接上代码
.directive("scroll", ["$window", "$document",function ($window, $document) { return function(scope, element) { angular.element($window).bind("scroll", function() { var pageYOffset = $window.pageYOffset; var clientHeight = $document[0].documentElement.clientHeight; var offsetHeight = $document[0].body.offsetHeight; //当滚动到90%的时候去加载 if(pageYOffset+clientHeight>offsetHeight*0.9) { //scope.shopWorkCanLoad是否可加载,controller中定义 //scope.shopWorkOnLoad是否正在加载,controller中定义 if(scope.shopWorkCanLoad==true && scope.shopWorkOnLoad==false){ //加载数据,controller中定义 scope.loadShopWork();// } } }); };}]);
就这么多
用法我就不用再说了吧
0 0
- angularjs实现下拉加载更多
- angularjs实现点击加载更多
- MaterialRefreshLayout实现下拉刷新,下拉加载更多
- Android ListView实现下拉刷新、加载更多
- 下拉刷新,加载更多的实现
- 下拉加载更多DEMO(js实现)
- 自定义ListView控件实现下拉加载更多
- 自定义RecyclerView实现下拉刷新,加载更多
- 下拉加载更多DEMO(js实现)
- 下拉加载更多DEMO(js实现)
- RecylerView实现下拉到底加载更多数据
- 下拉加载更多
- android下拉加载更多
- listView下拉加载更多
- 网页下拉加载更多
- 下拉刷新--加载更多
- mui下拉加载更多
- jquery下拉加载更多
- jrebel
- android 给activity去标题
- 30多条mysql数据库优化方法,千万级数据库记录查询轻松解决
- mysql编码设置(解决中文乱码)
- c算法-数字加密解密
- angularjs实现下拉加载更多
- Mac Misc
- centos tar压缩与解压缩命令大全
- Tengine介绍
- CodeForces 579C A Problem about Polyline[数学]
- 获取本地IP
- 小强的HTML5移动开发之路(8)——坦克大战游戏2
- 关于ARM的一些简介
- safari 10 开始支持 webRTC