title: angular.js directives in different modules
body: <p>I am confused. If I can use <code>ng-app</code> only once per page how can I use directives that sit in different modules, in different .js files. Look:</p>
  
  <pre><code>&lt;script src='mainModule.js'/&gt;
  &lt;script src='secondModule.js'/&gt;
  &lt;body ng-app='mainModule'&gt;
     &lt;my-thingy/&gt;
     &lt;div&gt;
        &lt;other-thingy/&gt;
     &lt;/div&gt; 
  &lt;/body&gt;
  
  mainModule.js:
     angular.module("mainModule",[]).directive("myThingy",function(){ ... })
  
  secondModule.js:
     angular.module("secondModule",[]).directive("otherThingy",function(){ ... })
  </code></pre>
  
  <p>So, how do I now point to the secondModule on the page, without referencing it from mainModule.js</p>