Angularjs 基于$timeout延时加载js

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

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

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

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

function  checkLoad(){

     // 此属性就是js加载完后返回对象赋值给属性  

     // js加载返回对象略过......

     if  ( this .属性== null )

     {

 

          var  deferred = $q.defer();

          var  timer = $timeout( function () {

             deferred.resolve();

          }, 100, true );

         

          deferred.promise.then(

          function (){

              

              // 取消计时函数

              $timeout.cancel( timer);

              

              if ( this .属性!= null )

              {      

                 // 属性存在 

                 // 完成相关操作

              }

              else

                  // 函数递归调用

                  checkLoad();      

              }

           );

           

     }

     else

         // 属性存在

         // 完成相关操作

}