基于AngularJS的WEBAPP分页思路

 

1.利用一个全局变量存储利用ajax从后台请求过来的数据
2.首次加载分页页面，当页面加载就直接请求一次后台，获得第一页的数据存储到全局变量中
3.接下来监听滚动事件根据偏移量比对是否到达底部，到达底部则再次请求下一页的数据，拿到数据以后继续追加到全局变量后面
4.最后一次请求是请求不到数据的，根据这一点，那就销毁监听滚动比对偏移量的请求事件
5.由于变量是全局的，离开此页面变量并不会销毁，在滚动的过程中要随时保存顶部偏移量，防止离开此页面去其他页面再回来后找不到原来的视图
注意:由于angularJS是动态绑定对象的，因此不断追加到全局变量后面的数据会动态循环渲染进DOM，这个特性可以用在很多地方
有一个小坑，由于数据是动态渲染的，如果JQ调整偏移量的动作是在渲染数据之前完成的，那么恢复视图是没效果的