Accessing directive from a different module
<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>