title: AngularJS directive loaded dynamically in ng-include do not work
body: <p>I have a custom directive which adds some html.</p>
  
  <pre><code>myAppModule.directive('myDirective', function() {
      var linker = function(scope, element) {
          return element.html("&lt;b&gt;directive loaded&lt;/b&gt;");
      };
      return {
          restrict: "E",
          rep1ace: true,
          link: linker,
          scope: false
      };
  });
  </code></pre>
  
  <p>This directive is loaded and used in a dynamically loaded html which is included via <code>ng-include</code>.</p>
  
  <pre><code>&lt;script type="text/javascript" src="dynamicscript.js"&gt;&lt;/script&gt;
  &lt;my-directive&gt;...&lt;/my-directive&gt;
  </code></pre>
  
  <p>But it does't work. The <code>linker</code>-function is never called. 
  It works if I move the <code>dynamicscript.js</code> script loading from the included html to the <code>index.html</code>. </p>
  
  <p><a href="http://plnkr.co/edit/ibf1gxFfL10xRXGTzgnt?p=preview" rel="nofollow">Here is the Plunkr</a></p>