angularjs loading拦截器.请求,跳转页面等loading效果

个人总结

前言: 今天周末,闲来无事又看了看拦截器,发现不只是截获http请求,同样还可以制作很多好玩的东西,今天来写一个loading案例,请求http或者跳转渲染页面时,会有一定的等待时间,可能一两秒,也可能是十几秒,在等待的过程中,用户是不知道的,所以我们要给用户一个直观的等待效果,让用户知道!

步骤(需要引入的文件)

第一步: 引入bootstrap.css
第二步: 引入jquery库
第三步: 引入angular.js
第四步: 引入angular-ui-router.js
第五步: 引入angular-animate.js

下面看代码(需要的直接复制看效果就好!)

    
      
        
        
        
        
        
      
      
        
index
        

            

        
        

        go to a.html
        

        go to b.html