title: Prevent `ng-include` from creating isolated scope. AngularJS
body: <p>I am using <code>ng-include src</code> directive at multiple places in my HTML. Each <code>ng-include</code> is creating an isolated scope for itself which apparently is causing a lot of trouble for me. </p>
  
  <p>For example. </p>
  
  <pre><code>&lt;div ng-controller="parent"&gt;
      &lt;div ng-include src="'id1'"&gt;
      &lt;/div&gt;
      &lt;div ng-include src="'id2'"&gt;
      &lt;/div&gt;
      &lt;div ng-include src="'id2'"&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>In the html mentioned above, 4 scopes are getting created. 1 at parent where <code>controller</code> is defined and 3 are getting created by default at each <code>ng-include src</code>.</p>
  
  <p>Is it at all possible to prevent <code>ng-include</code> from creating an isolated scope for itself? If It is not possible then is there a workaround for it?</p>