npm install oclazyload
bower install oclazyload

angular.module(''myApp'',[''oc.lazyLoad'']);

.config([''$ocLazyLoadProvider'', function($ocLazyLoadProvider){
  $ocLazyLoadProvider.config({
    debug: true,
    events: true,
    modules: [
      {
        name: ''TestModule'',
        files: [''test.js'']
      }
    ]
  })
}])

.config([''$routeProvider'', function($routeProvider) {
    $routeProvider.otherwise(''/index'');
    $routeProvider.when(''/index'', {
      templateUrl: ''index.html'',
      controller: ''IndexController'',
      resolve: { // resolve 里的属性如果返回的是 promise对象，那么resolve将会在view加载之前执行
        loadMyCtrl: [''$ocLazyLoad'', function($ocLazyLoad) {
          // 在这里可以延迟加载任何文件或者刚才预定义的modules
          return $ocLazyLoad.load(''TestModule''); //加载刚才定义的TestModule
          /*return $ocLazyLoad.load([  // 如果要加载多个module，需要写成数组的形式
            ''TestModule'',
            ''MainModule''
            ]);*/
        }]
      }
    })
}])

• AngularJs动态加载模块和依赖注入详解
• AngularJs 动态加载模块和依赖
• 详解Angular 4.x 动态创建组件
• angular 动态组件类型详解(四种组件类型)
• Angular.js实现动态加载组件详解

<script src="angular/1.4.8/angular/angular.min.js"></script>
<script src="angular/ui-router/release/angular-ui-router.min.js"></script>
<script src="angular/oclazyload/src/ocLazyLoad.min.js"></script>

(function () {
 var app = angular.module("app", [''ui.router'', ''oc.lazyLoad'']) 
 
 // 配置路由
 app.config(function ($stateProvider) {
  $stateProvider
  // 个人中心主页
   .state(''admin/index'', {
    url: ''/admin/index'',
    templateUrl: "/admin/index",
    // 加载页面需要的js
    resolve: load([''/static/js/transfer/adminlte/index.js''])
   })
   // 分类管理列表
   .state(''class/index'', {
    url: ''/class/index'',
    templateUrl: "/class/index",
    resolve: load([
     ''/static/js/transfer/adminlte/classification/index.js''
    ])
   })
   // 轮播图列表
   .state(''roll'', {
    url: ''/roll'',
    templateUrl: "/roll",
    resolve: load([
     ''/static/js/transfer/adminlte/broadcat.js''
    ])
   })
   // 验证码列表
   .state(''code'', {
    url: ''/code'',
    templateUrl: "/code",
    resolve: load([
     ''/static/js/transfer/adminlte/code.js''
    ])
   })
   // 电影列表
   .state(''movie'', {
    url: ''/movie'',
    templateUrl: "/movie",
    resolve: load([
     ''/static/js/transfer/adminlte/movie/movie.js''
    ])
   })
   // 电影编辑
   .state(''movie/edit'', {
    url: ''/movie/edit'',
    templateUrl: "/movie/edit",
    resolve: load([
     ''/static/js/transfer/adminlte/movie/movieedit.js''
    ])
   })
 });

 // 在加载该模块的时候调用$state.go(''admin/index'');，以激活admin/index状态。
 app.run(function ($state) {
  $state.go(''admin/index'');
 });
/*
   * 通过$ocLazyLoad加载页面对应的所需的JS数据
   * 通过$q异步加载JS文件数据其中使用的是promise【保护模式】
  */
function load(srcs, callback) {
 return {
  deps: [
   ''$ocLazyLoad'', ''$q'',
   function ($ocLazyLoad, $q) {
    var deferred = $q.defer();
    var promise = false;
    srcs = angular.isArray(srcs) ? srcs : srcs.split(/\s+/);
    if (!promise) {
     promise = deferred.promise;
    }
    angular.forEach(srcs,
     function (src) {
      promise = promise.then(function () {
       angular.forEach([],
        function (module) {
         if (module.name === src) {
          src = module.module ? module.name : module.files;
         }
        });
       return $ocLazyLoad.load(src);
      });
     });
    deferred.resolve();
    return callback ? promise.then(function () {
     return callback();
    }) : promise;
   }
  ]
 };
}
})();

• angular之ng-template模板加载
• 浅谈Angular2 模块懒加载的方法
• 详解AngularJS通过ocLazyLoad实现动态（懒）加载模块和依赖
• angularJS+requireJS实现controller及directive的按需加载示例
• 详解angular2采用自定义指令（Directive）方式加载jquery插件
• angular+ionic 的app上拉加载更新数据实现方法
• AngularJS中的按需加载ocLazyLoad示例

解决方法

angular.module('mainApp',[]);

angular.module('mainApp',['secondaryApp']);

var app = angular.module('mainApp');
app.requires[app.requires.length] = 'secondaryApp';

解决方法

<!-- inject:js -->
        <script src="/packages/libs/jquery/dist/jquery.js"></script>
        <script src="/packages/libs/angular/angular.js"></script>
        <script src="/packages/libs/oclazyload/dist/ocLazyLoad.js"></script>
        <script src="/packages/libs/angular-ui-router/release/angular-ui-router.js"></script>
        <!-- endinject -->

        <script src="app/app.js" ></script>
        <script src="app/common/app.config.js" charset="utf-8"></script>

(function () {
    angular.module('app',['ui.router','oc.lazyload']);

    angular.element(document).ready(function () {
        angular.bootstrap(document,["app"]);
    });
})();

Uncaught Error: [$injector:modulerr] Failed to instantiate module app due to:
Error: [$injector:modulerr] Failed to instantiate module oc.lazyload due to:
Error: [$injector:nomod] Module 'oc.lazyload' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.

解决方法

'oc.lazyload'

'oc.lazyLoad' //'L' capitalized