title: Ng-include: access child models
body: <p>I have a template which I want to use in many parts of my application.
  The template contains select box with a model assigned.</p>
  
  <p>I include the template by the means of <code>ng-include</code>.</p>
  
  <pre><code>&lt;span ng-include="'templateWorking'" ng-init="selectModel=data.field"&gt;&lt;/span&gt;
  </code></pre>
  
  <p>and then in template:</p>
  
  <pre><code>&lt;script type="text/ng-template" id="templateWorking"&gt;
     &lt;select ng-model="selectModel"&gt;
    &lt;option value="Test1"&gt;Test1&lt;/option&gt;
    &lt;option value="Test2"&gt;Test2&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>Of course, it does not work since <code>ng-include</code> creates a new child scope.
  It is possible to get it work when I use one model (using dot <code>.</code> in a model like <code>data.model</code>).</p>
  
  <p>But how it is possible in this particular case so I can use this template with different models in different controllers?
  Besides, I need to dynamically attach a handler to the <code>select</code> (e.g. ng-change="doSmth()").</p>
  
  <p>Thanks in advance.</p>
  
  <p>For the reference:
  <a href="http://plnkr.co/edit/NiLQyVQGb6X1mA0sVvA1?p=preview" rel="nofollow">http://plnkr.co/edit/NiLQyVQGb6X1mA0sVvA1?p=preview</a></p>