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 按需加载的更多相关文章
- ocLazyLoad angular 按需加载
		
ionic 框架 1.引用 index.html 加载 <script type="text/javascript" src="lib/oclazyload/ocL ...
 - 原创《分享(Angular 和 Vue)按需加载的项目实践优化方案》
		
针对前端优化的点有很多,例如:图片压缩,雪碧图,js/css/html 文件的压缩合并, cdn缓存, 减少重定向, 按需加载 等等 最近有心想针对 ionic项目 和 vue项目,做一个比较大的优 ...
 - angularjs ocLazyLoad分步加载js文件,angularjs ocLazyLoad按需加载js
		
用angular有一段时间了,平日里只顾着写代码,没有注意到性能优化的问题,而今有时间,于是捋了捋,讲学习过程记录于此: 问题描述:由于采用angular做了网页的单页面应用,需要一次性在主布局中将所 ...
 - Vue按需加载提升用户体验
		
Vue官方文档异步组件: 在大型应用中,我们可能需要将应用拆分为多个小模块,按需从服务器下载.为了让事情更简单, Vue.js 允许将组件定义为一个工厂函数,动态地解析组件的定义.Vue.js 只在组 ...
 - Angular (SPA) WebPack模块化打包、按需加载解决方案完整实现
		
文艺小说-?2F,言情小说-?3F,武侠小说-?9F long long ago time-1-1:A 使用工具,long long A ago time-1-2:A 使用分类工具,long long ...
 - angular中按需加载js
		
按需加载估计是大家在使用angular之后最想解决的问题吧,因为angular的依赖机制,导致了必须在第一次加载的时候就加载所有js文件,小项目还好,稍大一点的项目如果有上百个js文件,不管是从效率还 ...
 - 按需加载controller——angular
		
一.多视图应用 AngularJS 通过路由支持多视图应用, 可以根据路由动态加载所需的视图.随着视图的不断增加, js文件会越来越多, 而 AngularJS 默认需要把全部的 js 都一次性加载, ...
 - angularJS 按需加载
		
之前做应用的时候都会在首页就把全站的js预先加载进来... 怎么实现按需加载? 首先在$routeProvider里面加resolve属性,angular-route提供的resolve功能,也就是路 ...
 - requirejs按需加载angularjs文件
		
之前分享了一篇用ocLazyLoad实现按需加载angular js文件的博客.本来当时想会使用一种方法就行了.可最近刚好有时间,在网上查找了一下requirejs实现angular js文件按需加载 ...
 
随机推荐
- js的new操作符
			
1.创建一个空对象,并且 this 变量引用该对象,同时还继承了该函数的原型. 2.属性和方法被加入到 this 引用的对象中. 3.新创建的对象由 this 所引用,并且最后隐式的返回 this . ...
 - Linq101-QueryExecution
			
using System; using System.Linq; namespace Linq101 { class QueryExecution { /// <summary> /// ...
 - IIS 服务器 支持.apk文件的下载
			
IIS服务器不能下载.apk文件的解决办法:既然.apk无法下载是因为没有MIME,那么添加一个MIME类型就可以了 随着智能手机的普及,越来越多的人使用手机上网,很多网站也应手机上网的需要推出了网站 ...
 - js 去掉浏览器右击默认事件
			
1.整个页面所有的右击事件 document.oncontextmenu = function(){ return false; } 2.特定的区域 document.getElementById(& ...
 - GitHub-修改以下host-ip可加快访问速度
			
#GitHub START 207.97.227.239 github.com 204.232.175.94 gist.github.com 107.21.116.220 help. ...
 - mysql的limit经典用法及优化
			
用法一 SELECT `keyword_rank`.* FROM `keyword_rank` WHERE (advertiserid='59') LIMIT 2 OFFSET 1; 比如这个 ...
 - Linux 查看文件内容的命令
			
转载自:新浪博客 (观看档案内容 : cat, tac, more, less, head, tail, nl, 刚刚我们提到的都只是在于显示档案的外观,或者是移动与复制一个档案或目录而已,那么如果我 ...
 - TCP\UDP链接的异同
			
简单的说TCP与UDP的区别是有无连接状态.TCP是有连接状态的,而UDP没有,所以TCP是一种比较安全的通讯协议,而UDP则比较方便 TCP 127.0.0.1:1026 0.0.0.0:0 LIS ...
 - Could not launch process failed:security
			
是因为 用了 企业的开发者账号 安装的时候需要 在 手机的设置中 找到 描述文件 然后点击信任这个对应的证书 才能使用这个由企业号发布的应用.
 - 转:使用Android API最佳实践
			
原文来自于:http://blog.jobbole.com/65170/ 写在前面 现在,Android应用程序中集成第三方API已十分流行.应用程序都有自己的网络操作和缓存处理机制,但是大部分比较脆 ...