ngInfiniteScroll AngularJS 无限滚动指令

MIT
JavaScript
跨平台
2015-05-02
红薯

ngInfiniteScroll 是一个 AngularJS 的扩展指令,实现了网页的无限滚动的功能,也就是相当于页面滚动到最底部的时候自动加载更多内容。

使用方法:

1. 引入 JS 库

<script type='text/javascript' src='path/to/jquery.min.js'></script>
<script type='text/javascript' src='path/to/angular.min.js'></script>
<script type='text/javascript' src='path/to/ng-infinite-scroll.min.js'></script>

2. 加载模块

angular.module('myApplication', ['infinite-scroll']);

3. 定义要实现滚动的元素

<div infinite-scroll="myPagingFunction()" infinite-scroll-distance="3"></div>

然后实现 myPagingFunction() 函数即可。

加载中

评论(2)

曦往
曦往
有没有实例啊,我一直用不了
开源中国匿名会员
开源中国匿名会员
这个不是蛮久之前推过? #ngInfiniteScroll#

暂无资讯

暂无问答

AngularJS 中文资料+工具+库+Demo 大搜集

中文学习资料: 中文资料且成系统的就这么多,优酷上有个中文视频。 http://www.cnblogs.com/lcllao/archive/2012/10/18/2728787.html 翻译的官方的Guide http://www.ituring.com.cn/miniboo...

2015/05/31 05:00
134
0
Angular成系统的学习资料整理

中文学习资料: http://www.cnblogs.com/lcllao/archive/2012/10/18/2728787.html 翻译的官方的Guide http://www.ituring.com.cn/minibook/303 翻译的官方的tutorial http://www.lovelucy.in...

2014/08/15 13:05
70
0
AngularJS 中文资料+工具+库+Demo 大搜集

中文学习资料: 中文资料且成系统的就这么多,优酷上有个中文视频。 http://www.cnblogs.com/lcllao/archive/2012/10/18/2728787.html 翻译的官方的Guide http://www.ituring.com.cn/miniboo...

2015/05/17 14:11
86
0
AngularJS 中文资料+工具+库+Demo 大搜集

AngularJS 中文资料+工具+库+Demo 大搜集

2013/12/28 16:11
145
0
angular好用的插件集合

首先介绍两个学习Angular的学习资源AngularJS-Learning还有recipes-with-angular-js-examples。 两个编写Angular的代码规范,分别是angularjs-styleguide和angular-styleguide 项目文件结构生...

2017/10/18 17:31
19
0
AngularJs 性能优化总结

angular性能优化心得 时间 2014-05-13 00:36:33 segmentfault-博客原文 http://blog.segmentfault.com/atian25/1190000000502981 搬运自: http://atian25.github.io/2014/05/09/angular-per...

2014/10/10 10:10
91
0
AngularJS常用插件与指令收集

AngularJS常用插件与指令收集

2016/05/20 17:49
28
2
Angular js 常用插件

图片视频类 angular-maxonry 图片墙效果插件,可以将图片组织成类似于瀑布流的效果,依赖于jQuery、imageloaded和Masonry angular-deckgrid 另一个照片瀑布流解决方案 ngImgCrop 图片剪裁工具...

2016/10/17 14:08
35
0

没有更多内容

加载失败,请刷新页面

没有更多内容

返回顶部
顶部