title: How to share a single Directive across multiple modules in AngularJS
body: <p>As far as I know about AngularJS, this is one of the interesting libraries out today. I am slowly understanding the Angular power, and I am seriously loving it. I have a few doubts and I hope I will get them clarified. Even after some background work, I am unable to understand how they can be done  </p>
  
  <ol>
  <li><p>For example I have a module in my App and I have directives written for it, And I want to add few more modules to my app and also want to reuse existing directives written for another module. How I can achieve that. Not only modules that applies to filters, config etc..</p></li>
  <li><p>Can I have sub modules defined inside a Module?</p></li>
  <li><p>How can I add a controller to an element dynamically, it should not be static, i.e through html markup <code>ng-controller</code>.</p></li>
  <li><p>If I want to share a thing across all modules how can I do that.. For example I have a variable defined outside of all modules in my app and I just want to access them inside modules.. Is that possible, I have this doubt because it completely works on individual scopes, shared scope and rootScope etc.. </p></li>
  </ol>
  
  <p>Any help would be appreciated. </p>