延迟加载后注入模块

时间:2015-06-10 20:36:56

标签: angularjs lazy-loading

我有一个追逐,我有大量的应用程序,并试图保持它的大小,我试图懒洋洋地加载子模块及其相关的资产。我正在使用ocLazyLoad来lazyLoad模块及其文件。

但是,在加载模块之后,似乎没有任何依赖项被注册到应用程序中,因此延迟加载的子模块所依赖的服务和指令不会被加载,从而导致事情看起来不应该如此。

这个plunk提供了一个最小的例子。

//lazilyLoaded.module.js
angular.module('lazyLoadedModule', 
  ['orginallyIncludedModule'])
  .run(function(){
    console.log('lazyLoadedModule ran');
  });

//script.js
angular.module('app', ['oc.lazyLoad']).config(['$ocLazyLoadProvider', 

function($ocLazyLoadProvider) {
  $ocLazyLoadProvider.config({
    debug: true,
    modules: [{
      name: 'lazyLoadedModule',
      files: ['lazyLoaded.module.js']
    }]
  });
}]).run(function($ocLazyLoad){
  $ocLazyLoad.load('lazyLoadedModule');
});
//script.js
angular.module('orginallyIncludedModule', [])
  .run(function(){
    console.log('originallyIncludedModule ran');
  })
  .directive('simpleDirective', function(){
    return {
      template: '<p>All is well</p>'
    };
  })

0 个答案:

没有答案