在开发中我们可能会遇到滚动鼠标到浏览器底部实现数据的加载,js和jquery实现都不复杂都是既然AngularJS提供现成的我们怎么不用昵。
ng-infinite-scroll.js这个组件则可以实现:
ng-infinite-scroll.js:下载地址:http://sroze.github.io/ngInfiniteScroll/
使用:
<!DOCTYPE html>
<html ng-app="lxApp" ng-controller="lxCtrl">
<head>
<title>柳絮飞祭奠</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
</head>
<body>
<div style="height: 700px;"></div>
<div infinite-scroll="mouse_scroller()">
<div ng-repeat="item in show"></div>
</div>
</body>
<script type="text/javascript" src="../plugins/angular/angular.js"></script>
<script type="text/javascript" src="../plugins/angular/ng-infinite-scroll.js"></script>
<script type="text/javascript">
var lxApp=angular.module("lxApp",['infinite-scroll']);
lxApp.controller("lxCtrl",function($scope){
$scope.mouse_scroller=function(){
//每次滚动到浏览器底部都会触发这个方法这里写你的加载数据业务。
};
});
</script>
</html>
分享到:
相关推荐
基于PathView,Qt/QML做的一个可以无限滚动的日历控件 基于PathView,Qt/QML做的一个可以无限滚动的日历控件 基于PathView,Qt/QML做的一个可以无限滚动的日历控件 基于PathView,Qt/QML做的一个可以无限滚动的...
好不容易在一个技术大牛的网站找到的,想让angularjs的控件更好用的同学看过来啊
实现对angularjs 与openlayer3自定义控件,对于地图服务。
angularjs ui-grid datepicker 日期控件 ui-grid 双击弹出时间选择框
android控件GridView实现滚动到底部加载更多数据效果
接下来,我来介绍了将一种jquery的分页控件修改为Angularjs指令的方法。 首先在web项目中引用jquery1.10、Angularjs库文件以及jq-pagination控件。 我降指令名称为custompagination,为指令添加Html样式。 ...
angularjs 时间控件指令,依赖 datepicker ,地址:zui.sexy
本篇文章主要介绍了angularjs实现的前端分页控件示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
下载即可使用, 简单易用,一句代码即可实现。 线程方式,占用内存资源少
控件_滚动条控件_滚动条控件_滚动条控件_滚动条控件_滚动条控件_滚动条控件_滚动条
ASP.NET+jquery实现AJAX滚动滚动条加载数据的下拉列表控件
iOS 自定义无限循环滚动广告动画控件 自定义循环滚动的广告控件,支持水平和竖直两个动画方向,页码标记是自定义的,可以随意控制大小位置和颜色等
带有滚动条的控件,很Cool,实例源码。绝对可以使用!
本篇文章主要介绍了Angularjs中使用layDate日期控件,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
实现树的下拉效果,和ExtJs的treecombox大同小异。
VB之精彩编程-VB6.0动态加载ActiveX控件漫谈
Angularjs,自己整理个tree的控件,非常好用
VB自制作漂亮的窗体滚动条及控件,可为滚动条增加背景图片,学会了这种方法,你就可以美化你的应用程序窗口中的滚动条,本例中的方法简单,新手也可轻松学会。本控件核心文件为ctlScrollbar.ctl,是一个ctl控件,...
加载的日期控件加载的日期控件加载的日期控件加载的日期控件加载的日期控件加载的日期控件加载的日期控件加载的日期控件