infiniteScroll:用于向列表和表格添加无限滚动功能的 Angular 指令

时间:2024-07-25 06:41:14
【文件属性】:

文件名称:infiniteScroll:用于向列表和表格添加无限滚动功能的 Angular 指令

文件大小:2KB

文件格式:ZIP

更新时间:2024-07-25 06:41:14

JavaScript

#无限滚动 #####Angular 指令,用于向列表和表格添加无限滚动功能 这个 repo 包含一个使用 AngularJS 构建的无限滚动列表的代码示例。 该指令有两个部分,事件监听器和 AJAX 调用。 ###事件监听器使用 Angular 指令的链接函数,我将一个事件侦听器绑定到元素(在我的例子中是一个无序列表,但很容易替代表或有序列表)。 在每次滚动时,我都会比较元素的 scrollTop 值(内容可见时的 y 值)加上元素的 offsetHeight(框的高度值高于 scrollTop 值,框外的 y 值)并比较它们到元素的 scrollHeight(总高度)。 如果这些值相等,则进行 ajax 调用,并使用 scope.$apply 更新列表的绑定。 ###AJAX 调用在index.html 中可以看到,有一个名为ajax-call 的属性被传递了一个函数。 在指令中


【文件预览】:
infiniteScroll-master
----script.js(781B)
----README.md(1KB)
----style.css(188B)
----index.html(761B)

网友评论