Angular-Ui-Router+ocLazyLoad动态加载脚本示例

前端之家收集整理的这篇文章主要介绍了Angular-Ui-Router+ocLazyLoad动态加载脚本示例前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

在使用angular过程以前同事是采取一次性加载方式,在index页面一次性加载所有的js跟css,这种加载方式只适合教学和小型项目中,中大型不建议使用,加载速度影响到用户体验。

在使用了Ui-Router以后,我第一想法就是把每个功能组件化,在请求视图的时候再去加载该页面js和css,index页面主要加载必须文件:angular.js

于是尝试了下,这样去写,但是发现angular报错,原因是控制器没有注入主程序

后面在angular库里面发现ocLazyLoad,这是一个为angular量身定制脚本加载器,它只有15K

使用它很简单:

依次载入文件

猜你在找的JavaScript相关文章