你的位置:首页 > 软件开发 > Java > AngularJs 动态加载模块和依赖注入

AngularJs 动态加载模块和依赖注入

发布时间:2016-01-10 21:00:02
最近项目比较忙额,白天要上班,晚上回来还需要做Angular知识点的ppt给同事,毕竟年底要辞职了,项目的后续开发还是需要有人接手的,所以就占用了晚上学习的时间。本来一直不打算写这些第三方的学习笔记,不过觉得按需加载模块并且成功使用这个确实是个好处,还是记录下来吧。基于本兽没怎么 ...

最近项目比较忙额,白天要上班,晚上回来还需要做Angular知识点的ppt给同事,毕竟年底要辞职了,项目的后续开发还是需要有人接手的,所以就占用了晚上学习的时间。本来一直不打算写这些第三方的学习笔记,不过觉得按需加载模块并且成功使用这个确实是个好处,还是记录下来吧。基于本兽没怎么深入的使用requireJs,所以本兽不知道这个和requireJs有什么区别,也不能清晰的说明这到底算不算Angular的按需加载。

为了实现这篇学习笔记知识点的效果,我们需要用到:

angular:https://github.com/angular/angular.js

ui-router:https://github.com/angular-ui/ui-router

ocLazyLoad:https://github.com/ocombe/ocLazyLoad

废话不多说,进入正题...

首先我们看下文件结构:

Angular-ocLazyLoad           --- demo文件夹  Scripts               --- 框架及插件文件夹    angular-1.4.7          --- angular 不解释    angular-ui-router        --- uirouter 不解释    oclazyload           --- ocLazyload 不解释    bootstrap            --- bootstrap 不解释    angular-tree-control-master   --- angular-tree-control-master 不解释    ng-table            --- ng-table 不解释    angular-bootstrap        --- angular-bootstrap 不解释  js                 --- js文件夹 针对demo写的js文件    controllers           --- 页面控制器文件夹      angular-tree-control.js   --- angular-tree-control控制器代码      default.js         --- default控制器代码      ng-table.js         --- ng-table控制器代码    app.config.js          --- 模块注册及配置代码    oclazyload.config.js      --- 加载模块配置代码    route.config.js         --- 路由配置及加载代码  views                --- html页面文件夹    angular-tree-control.html    --- angular-tree-control插件的效果页面    default.html          --- default页面    ng-table.html          --- ng-table插件效果页面    ui-bootstrap.html        --- uibootstrap插件效果页面  index.html             --- 主页面

原标题:AngularJs 动态加载模块和依赖注入

关键词:JS

JS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。