今天完成的事:

今天主要研究一下任务7懒加载留下的坑

angularjs的学习；

参加老大的全体会议

明天计划的事：

继续任务８　的编写

遇到的问题：

由于之前任务７留的下坑，懒加载不能进行JＳ文件的加载主要事由于我没有对初始化动态加载。

下面为完整代码

通过 APP 配置，将依赖的脚本进行注入操作

1.  var app = angular.module('pkcms', ["ui.router", "oc.lazyLoad"]);
2. app.config(["$provide", "$compileProvider", "$controllerProvider", "$filterProvider",
3. function ($provide, $compileProvider, $controllerProvider, $filterProvider) {
4. app.controller = $controllerProvider.register;
5. app.directive = $compileProvider.directive;
6. app.filter = $filterProvider.register;
7. app.factory = $provide.factory;
8. app.service = $provide.service;
9. app.constant = $provide.constant;
10. }]);
11. // 按模块化加载其他的脚本文件
12. app.constant('Modules_Config', [
13. {
14. name: 'treeControl',
15. serie: true,
16. files: [
17. "Scripts/angular-bootstrap/ui-bootstrap-tpls-0.14.3.min.js"
18. ]
19. }
20. ]);
21. app.config(["$ocLazyLoadProvider","Modules_Config",routeFn]);
22. function routeFn($ocLazyLoadProvider,Modules_Config){
23. $ocLazyLoadProvider.config({
24. debug:false,
25. events:false,
26. modules:Modules_Config
27. });
28. };

以上是初始化动态加载的配置过程。

接着是建立路由

1.  "use strict"
2. app.config(["$stateProvider","$urlRouterProvider",routeFn]);
3. function routeFn($stateProvider,$urlRouterProvider){
4. $urlRouterProvider.otherwise("/main");
5. $stateProvider
6. .state("main",{
7. url:"/main",
8. templateUrl:"views/main.html",
9. controller:"mainCtrl",
10. controllerAs:"main",
11. resolve:{
12. deps:["$ocLazyLoad",function($ocLazyLoad){
13. return $ocLazyLoad.load("controllers/main.js");
14. }]
15. }
16. })
17. .state("adminUser",{
18. url:"/adminUser",
19. templateUrl:"views/adminUser.html",
20. controller:"adminUserCtrl",
21. controllerAs:"adminUser",
22. resolve:{
23. deps:["$ocLazyLoad",function($ocLazyLoad){
24. return $ocLazyLoad.load("controllers/adminUser.js");
25. }]
26. }
27. })

收获：

懒加载通俗的来说为按需加载

深入了解了懒加载的用法