title: How to include template within a directive template?
body: <p>How can one include a .html template within an angular directive's template?</p>
  
  <p>The current way I am including a template successfully pulls that template's HTML into the directive template, but the variables within the template are not linking to the controller.</p>
  
  <p>This is what I'm currently doing:</p>
  
  <p><strong>_directive_template.html</strong></p>
  
  <pre><code>&lt;section&gt;
    ...
   &lt;div ng-include="'/templates/_template_to_be_included.html'"&gt;&lt;/div&gt;
    ...
  &lt;/section&gt; 
  </code></pre>
  
  <p><strong>_template_to_be_included.html</strong></p>
  
  <pre><code> &lt;form&gt;
      &lt;input ng-model="some_value"&gt;
      &lt;button type="submit"&gt;Update&lt;/button&gt;
   &lt;/form&gt;
  </code></pre>
  
  <p><strong>Directive</strong></p>
  
  <pre><code>...
  function link(scope, element, attrs) {
        scope.some_value  // not correctly linking to some_value within included template 
        }
    return {
      scope: {},
      link: link,
      templateUrl: '/templates/_directive_template.html'
    };
  ....
  </code></pre>
  
  <p>When I copy and paste the HTML of _template_to_be_included.html directly into the Directive Template (instead of using ng-include as above), everything works and <code>some_value</code> is correctly linked between the its place in the form and its place in the controller. </p>
  
  <p>How do I properly include a template into a directive template and have its variables linked to their counterparts in the directive? It seems ng-include should have worked, since it will "fetch and compile" the specified template...</p>
  
  <p><a href="http://plnkr.co/edit/D0HjA4lbTtL0zrnWqQGA?p=preview" rel="nofollow">Plunkr:</a> 
  Type some input and hit "update"</p>