AngularJS使用ocLazyLoad实现js延迟加载

最近开发一个系统遇到了一个问题，用angular路由一个html片段，该片段需要使用一个js插件来实现一个富文本编辑器。关键问题在于必须要在片段加载后通过js与dom元素进行绑定。一开始想当然以为直接把js代码写在代码段里不久ok了，然而经过实验，路由将html片段插入页面时只能读取css，无法解析并执行js代码。

　　google了半天发现了很多angular+requireJs的解决方案，但我觉得对于我这个场景并不适合，因为requirejs本质是一个模块加载器，按需加载只是他的副业，我们用它应该主要是用它来做模块化的，如果我们单纯为了按需加载却要试用模块化语法包装我们的代码(define)，感觉有点像用大炮打蚊子，对于我这种需求来说代价巨大。

　　最后决定使用ocLazyLoad来处理，因为此方案优点是，简单易行无侵入。同时这个方案有些缺点，比如每次动态加载需要的脚本、模版资源会有很多不必要的网络开销，路由定义比较复杂（多了一些配置项，其实不能算复杂，而是繁琐），对于大型复杂业务应用，路由众多，耗费的精力不可忽视。但是用在我这个场景之中正合适。于是便在github上fork下js,引入到项目中。

<script src="js/ocLazyLoad.js"></script>

　　在需要用到的angular模块里进行配置

var app = angular.module('formCtrlParts', ['oc.lazyLoad']);

再向路由需要用到的控制器里面使用此服务进行js文件的按需加载

 app.controller('addNewBlogCtrl',function($scope,$http,$ocLazyLoad){
  $ocLazyLoad.load('../html/ckeditorjs/ckeditor.js');
})

这样基本就大功告成，ocLazyLoad有很多种加载方式，也可以配合路由，指令进行加载。

以上所述是小编给大家介绍的AngularJS使用ocLazyLoad实现js延迟加载，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

# js延迟加载  # angularjs  # ocLazyload  # js延迟加载的6种方式实例总结  # 一文读懂JavaScript 中的延迟加载属性模式  # js中延迟加载和预加载的具体使用  # JS同步、异步、延迟加载的方法  # js实现多张图片延迟加载效果  # js实现延迟加载的几种方法  # js图片延迟加载(Lazyload)三种实现方式  # JavaScript脚本延迟加载有哪些方式  # 加载  # 按需  # 用它  # 小编  # 是一个  # 会有  # 简单易行  # 在此  # 但我  # 要在  # 半天  # 给大家  # 想当然  # 大功告成  # 一个问题  # 来做  # 用在  # 来实现  # 写在  # 有点像 

相关文章： 如何在IIS中新建站点并配置端口与IP地址？  JS中使用new Date(str)创建时间对象不兼容firefox和ie的解决方法(两种)  陕西网站制作公司有哪些,陕西凌云电器有限公司官网？  定制建站策划方案_专业建站与网站建设方案一站式指南  黑客如何利用漏洞与弱口令入侵网站服务器？  如何通过NAT技术实现内网高效建站？  我的世界制作壁纸网站下载,手机怎么换我的世界壁纸？  建站之星免费模板：自助建站系统与智能响应式一键生成  如何选择长沙网站建站模板？H5响应式与品牌定制哪个更优？  天津个人网站制作公司,天津网约车驾驶员从业资格证官网？  ,柠檬视频怎样兑换vip？  如何快速生成橙子建站落地页链接？  南京网站制作费用,南京远驱官方网站？  如何通过山东自助建站平台快速注册域名？  交易网站制作流程,我想开通一个网站，注册一个交易网址，需要那些手续？  如何通过虚拟机搭建网站？详细步骤解析  如何选择最佳自助建站系统？快速指南解析优劣  如何在新浪SAE免费搭建个人博客？  网页制作模板网站推荐,网页设计海报之类的素材哪里好？  Swift中switch语句区间和元组模式匹配  制作宣传网站的软件,小红书可以宣传网站吗？  如何在万网ECS上快速搭建专属网站？  再谈Python中的字符串与字符编码（推荐）  深圳网站制作培训,深圳哪些招聘网站比较好？  网站好制作吗知乎,网站开发好学吗？有什么技巧？  大同网页,大同瑞慈医院官网？  南宁网站建设制作定制,南宁网站建设可以定制吗？  阿里云网站制作公司,阿里云快速搭建网站好用吗？  公司网站的制作公司,企业网站制作基本流程有哪些？  详解ASP.NET 生成二维码实例（采用ThoughtWorks.QRCode和QrCode.Net两种方式）  家庭建站与云服务器建站，如何选择更优？  建站主机是否等同于虚拟主机？  如何做静态网页,sublimetext3.0制作静态网页？  教育培训网站制作流程,请问edu教育网站的域名怎么申请？  建站之星安装后界面空白如何解决？  如何配置支付宝与微信支付功能？  网站制作话术技巧,网站推广做的好怎么话术？  零服务器AI建站解决方案：快速部署与云端平台低成本实践  如何选择建站程序？包含哪些必备功能与类型？  网站建设制作、微信公众号,公明人民医院怎么在网上预约？  建站之星如何实现五合一智能建站与营销推广？  清除minerd进程的简单方法  C#怎么创建控制台应用 C# Console App项目创建方法  免费制作小说封面的网站有哪些,怎么接网站批量的封面单？  官网自助建站平台指南：在线制作、快速建站与模板选择全解析  小捣蛋自助建站系统：数据分析与安全设置双核驱动网站优化  如何在阿里云ECS服务器部署织梦CMS网站？  如何快速查询域名建站关键信息？  网站代码制作软件有哪些,如何生成自己网站的代码？  如何通过宝塔面板实现本地网站访问？