title: Where to put the template for a popover-template in angular bootstrap?
body: <p>I want to create a html popover with <a href="https://angular-ui.github.io/bootstrap/#/popover" rel="nofollow">angular-bootstrap popover-template</a></p>
  
  <p>The directive itself is in path: </p>
  
  <p><strong>app/scripts/directives/popover.js</strong></p>
  
  <pre><code>angular.module('c2gyoApp')
    .directive('tariffPopover', function () {
      return {
        restrict: 'A',
        transclude: true,
        scope: {
          text: '@tariffPopover'
        },
        template:
          '&lt;span ng-transclude&gt;&lt;/span&gt;' +
          '&amp;nbsp;' +
          '&lt;span popover-placement="right" ' +
          '      popover-template="pop.html" ' +
          '      popover-trigger="mouseenter" ' +
          '      class="fa fa-info-circle"&gt;' +
          '&lt;/span&gt;'
      };
    });
  </code></pre>
  
  <p>The pop.html is a simple html file:</p>
  
  <pre><code>&lt;h1&gt;Hi&lt;/h1&gt;
  </code></pre>
  
  <p>I'm using it in a view in </p>
  
  <p><strong>app/views/c2g.html</strong></p>
  
  <pre><code>&lt;div class="checkbox"&gt;
    &lt;label&gt;
      &lt;input type="checkbox"
             ng-model="rental.airport"&gt;
      &lt;span tariff-popover="{{info.airport}}"&gt;
        Flughafenpauschale
      &lt;/span&gt;
      &lt;br/&gt;
    &lt;/label&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I can't figure out where I have to put the <code>pop.html</code> template. I've tried the following paths:</p>
  
  <ul>
  <li>In the base directory of the app <strong>app/pop.html</strong></li>
  <li>In the same directory as the popover.js directive <strong>app/scripts/pop.html</strong></li>
  <li>In the same directory as the c2g.html view <strong>app/views/pop.html</strong></li>
  </ul>
  
  <p>I've also tried setting the popover-template paths to <strong>app/pop.html</strong>, <strong>app/scripts/pop.html</strong> and <strong>app/views/pop.html</strong>. However the Popover doesn't pop up. What's the correct path for the html template?</p>
  
  <p>@Aviro changing the content of <code>pop.html</code> to</p>
  
  <pre><code>&lt;script type="text/ng-template" id="pop.html"&gt;
     &lt;h1&gt;Hi&lt;/h1&gt;
  &lt;/script&gt;
  </code></pre>
  
  <p>doesn't help.</p>