title: Accessing directive from a different module
body: <p>I have two different modules , first one contains controller second directive.</p>
  
  <p>Basically i want the <code>directive</code> to be rendered in my <code>view</code>.
  But as <code>modules</code> for <code>directive</code>and<code>controller</code> are different, its giving error.</p>
  
  <p>If i give same <code>module</code> then it ressolves my issue by i want a generic module serving all controllers.</p>
  
  <p><strong><code>controller</code></strong></p>
  
  <pre><code>angular.module('SlamModuleCtrl')
          .controller('SlambookExt',['$scope','$route','SlambookCollection', function($scope,$route) {
              console.log("slam controller")
          }]);
  </code></pre>
  
  <p><strong><code>Directive</code></strong></p>
  
  <pre><code>angular.module('Genericmodule')
      .directive('appVersion', ['version', function (version) {
         return {
      restrict: 'E',  
      template: '&lt;h1&gt;version1&lt;/h1&gt;'
      } 
      }])
  </code></pre>
  
  <p><code>View</code></p>
  
  <pre><code> &lt;div ng-controller="SlambookExt"&gt;
       &lt;app-version&gt;1&lt;/app-version&gt;
      &lt;/div&gt;
  </code></pre>