title: Load angular module at runtime with/without ocLazyLoad
body: <p>I have a couple of modules that I am trying to load at runtime based on some conditions. Currently I am using the<a href="https://oclazyload.readme.io/" rel="nofollow noreferrer">ocLazyLoad</a> module but I am the loaded module's are not working at all. Everything loads fine, there are no errors being thrown.</p>
  <p>I first declare my main module</p>
  <pre><code>var app = angular.module('myApp',['oc.lazyLoad'])
  
  app.config(['$ocLazyLoadProvider',function(){
      modules : [{
         name : 'mod1',
         files : [CDN-Path]
       }]
  }]);
  </code></pre>
  <p>and then somewhere in my controller</p>
  <pre><code>app.controller('c',function($ocLazyLoad){
  
       $ocLazyLoad.load('mod1').then(function(){
             console.log('module loaded!');
       });
  })
  </code></pre>
  <p>What I truly do inside the resolved promise is that I register a new state with ui-router, and within that state I use some of the directives defined in <code>mod1</code>, but they simply don't work. Is there further initialization that must be performed after the module loads?</p>