angular 按需加载

 

　　 angular.module('app',[]) 

　　.controller('ctrl',function ($http,$scope){ //ctrl控制器，名称作用的范围 html中ng-controoler='ctrl'

　　　　var page=1; 　　　　　　//读取的页数

　　　　f=false                         //判断是否读取内容

　　　　$scope.posts=[]           //数组接受每次划过相应位置加载的键值对

　　　　function push() {
　　　　　　　if(!f) {

　　　　　　　　　　$http.get(" http://域名..."+page)

　　　　　　　　　　.then(function (res) {  //请求后返回的数据

　　　　　　　　　　　　//找到对象object遍历添加到数组中

　　　　　　　　　　　　var object=res['data]  //找到具体需要的一组object

　　　　　　　　　　　　for(var i=0;i<object.length-1;i++){
　　　　　　　　　　　　　　$scope.posts.push(object[i])

　　　　　　　　　　　　}

　　　　　　　　　　　　loading=false;                    //读取完结果

　　　　　　　　　　　　})；

　　　　　　　　　　page++                                  //页码加

　　　　　　　　}
　　　　　　}

　　　　//页面滚动事件 翻页加载相应的请求

　　　　　　$(window).on('scrool',function () {    //需要引入jquery    滚动事件

　　　　　　　　　　if($(document).scrollTop+$(window).height() >=$(document).height()) {

　　　　　　　　　　　　　　push();

　　　　　　　　　　　}　　　　　　

　　　　　　});

　　　　push()                                 //开始显示页面

　　})