Angularjs 基于$timeout延时加载

项目采用Angularjs开发，可以通过Angulajs模块化组织项目代码，随着功能增加需要引入其他js框架越，有时候加载一个页面会报经典的“??TypeError：Cannot read property 'xx' of undefined??”错误。

项目未用requirejs保证js加载顺序，如果使用requirejs框架，需要重新配置所有js文件,项目进度又不允许。

那么想通过简单的办法抱枕类库延时加载，“投机取巧“的办法js模拟sleep函数演示页面加载，但是还是出现js未加载现象，并且影响用户体验。

后来，不影响用户体验用$q异步加载，模拟js模拟sleep函数换为Angularjs内部计时函数$timeout，时间间隔内js未加载函数通过函数递归继续校验。

functioncheckLoad(){
//此属性就是js加载完后返回对象赋值给属性
//js加载返回对象略过......
if(this.属性==null)
{

vardeferred=$q.defer();
vartimer=$timeout(function(){
deferred.resolve();
},100,true);

deferred.promise.then(
function(){

//取消计时函数
$timeout.cancel(timer);

if(this.属性!=null)
{
//属性存在
//完成相关操作
}
else
//函数递归调用
checkLoad();
}
);

}
else
//属性存在
//完成相关操作
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!