title: Dynamically creating ng-templates to show popover content using angular-ui-bootstrap
body: <p>The popover works if i hardcode template id as id="popover00.html"
  But it doesnot work when the same id is generated from ng-repeat.It is looking for file on server.</p>
  
  <p><strong>Popover Works:</strong></p>
  
  <pre><code> &lt;div  ng-repeat="(keyT, T) in Tdata track by $index"&gt; 
  
     &lt;div ng-repeat="(keyS,S) in Sdata track by $index" popover-trigger="mouseenter" uib-popover-template={{"'popover"+keyT+keyS+".html'"}} &gt;
      &lt;script type="text/ng-template" id="popover00.html"&gt;
        &lt;div&gt;
          This is an HTML &lt;b&gt;template&lt;/b&gt;&lt;br&gt;
  
        &lt;/div&gt;
      &lt;/script&gt;
     &lt;/div&gt; 
   &lt;/div&gt;
  </code></pre>
  
  <p><strong>Popover not working:</strong></p>
  
  <pre><code> &lt;div  ng-repeat="(keyT, T) in Tdata track by $index"&gt; 
  
     &lt;div ng-repeat="(keyS,S) in Sdata track by $index" popover-trigger="mouseenter" uib-popover-template={{"'popover"+keyT+keyS+".html'"}} &gt;
      &lt;script type="text/ng-template" id={{"popover"+keyT+keyS+".html"}}&gt;
        &lt;div&gt;
          This is an HTML &lt;b&gt;template&lt;/b&gt;&lt;br&gt;
  
        &lt;/div&gt;
      &lt;/script&gt;
     &lt;/div&gt; 
   &lt;/div&gt;
  </code></pre>