首页 > 代码库 > angular 按需加载

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()                                 //开始显示页面

  })

 

angular 按需加载