Angular无限滚动指令 实现列表和表格的动态加载

无限滚动 是一种实用的 Angular指令 ，用于实现列表和表格内容的 动态加载。该指令代码包含两个主要部分： 事件监听器 和 AJAX调用 。

事件监听器
利用Angular指令的link函数，事件监听器会绑定到指定元素上（例如无序列表，当然也可以替换为表格或有序列表）。每次滚动时，指令会比较 scrollTop 值（内容可见部分的y值）与 offsetHeight（框的高度加上scrollTop之外的y值）之和，检查是否与 scrollHeight（总高度）相等。当这些值相等时，触发AJAX调用，并通过 scope.$apply 更新绑定数据。

AJAX调用
在 index.html 中，通过 ajax-call 属性调用函数。当触发滚动事件并满足条件时，AJAX请求将加载更多数据并添加到列表中，从而实现无限滚动效果。