title: NG-Include Pass Element By ID
body: <p>In my code below I have repeated the outer div with ng-repeat, and included an external html template to have unique content inside the inner div. It works actually as expected in case I have many templates, however I am wondering if I can have only one template, and include its unique content by id or somehow else. </p>
  
  <p>The code which works fine with multiple templates:</p>
  
  <pre><code>&lt;body  ng-controller="myCtrl as ctrl"&gt;
  
  &lt;div id="outer" ng-repeat="tpl in ctrl.templates"&gt;
      &lt;div id="inner" ng-include="tpl.template"&gt;&lt;/div&gt;
  &lt;/div&gt;
  
  &lt;script&gt;
      var app = angular.module('myApp', [])
         .controller('myCtrl', [function() {
          var self = this;
          self.templates = [
              {template: 'template1.htm'},
              {template: 'template2.htm'}
          ]
      }]);
  &lt;/script&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>The desired code:</p>
  
  <p></p>
  
  <pre><code>&lt;div id="outer" ng-repeat="tpl in ctrl.templates"&gt;
      &lt;div id="inner" ng-include="tpl.template"&gt;&lt;/div&gt;
  &lt;/div&gt;
  
  &lt;script&gt;
      var app = angular.module('myApp', [])
         .controller('myCtrl', [function() {
          var self = this;
          self.templates = [
              {template: 'template1.htm'} //only one template which include different data enclosed to divs with unique id
          ]
      }]);
  &lt;/script&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>template1.html</p>
  
  <pre><code>&lt;div class="template" id="template"&gt;
      &lt;p&gt;
          Content From Template
      &lt;/p&gt;
  &lt;/div&gt;
  &lt;div class="template" id="template2"&gt;
      &lt;p&gt;
          Content From Template 2
      &lt;/p&gt;
  &lt;/div&gt;
  </code></pre>