博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
angular 按需加载
阅读量:7316 次
发布时间:2019-06-30

本文共 913 字,大约阅读时间需要 3 分钟。

 

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

  })

 

转载于:https://www.cnblogs.com/csw1364115877/p/6189344.html

你可能感兴趣的文章
Java多线程 - BLOCKED vs WAITING 状态
查看>>
如何进行真正的对话
查看>>
图(2)—— 邻接矩阵表示法
查看>>
DatabaseError: (1071, 'Specified key was too lo...
查看>>
cookie和session
查看>>
CSS3 动画、变形效果
查看>>
使用PHP操作FTP-用法
查看>>
config/main.php中定义的controllerMap介绍
查看>>
python-eventlet入门
查看>>
linux 目录 草稿
查看>>
nginx 官方文档摘要
查看>>
Ubuntu 14.04 个人常用软件安装
查看>>
概率与信息论---常用函数的有用性质
查看>>
drbd共享存储的简单配置-高可用存储
查看>>
ECSHOP_jquery兼容方案
查看>>
堆体系结构概述
查看>>
【整理】获取用户真实 ip 地址的 nginx 相关配置
查看>>
6.数论_web
查看>>
配置Tomcat数据源
查看>>
关于“放假”、“休息” “调休” 的各种说法!
查看>>