uib-popover-template not showing
<p>I am trying to use a <code>uib-popover-template</code> on a font awesome icon as a sort of settings menu but can't get the popup to show. This is in the header of the page I am using:</p>
<pre><code>    &lt;h3&gt;{{vm.title}}
      &lt;i class=&quot;fa fa-ellipsis-v pull-right&quot;
          aria-hidden=&quot;true&quot;
          uib-popover-template=&quot;'options-panel.html'&quot;
          popover-placement=&quot;left&quot;&gt;&lt;/i&gt;
    &lt;/h3&gt;
</code></pre>
<p>And i have the ellipses in the right corner kind of like a 'more options' menu. <code>options-panel.html</code> is just 4-5 <code>&lt;select&gt;</code> dropdowns depending on the page that looks like this:</p>
<pre><code>&lt;div class=&quot;row&quot;&gt;
  &lt;div class=&quot;form-group col-md-12&quot;&gt;
    &lt;label for=&quot;viwemode&quot;&gt;View&amp;nbsp;Mode&lt;/label&gt;
    &lt;select id=&quot;viewmode&quot;
        class=&quot;form-control&quot;
        ng-model=&quot;vm.currentViewer&quot;
        ng-options=&quot;view for view in vm.views&quot;
        ng-change=&quot;vm.viewChange();&quot;&gt;&lt;/select&gt;
  &lt;/div&gt;
  &lt;div class=&quot;form-group col-md-12&quot;
      ng-repeat=&quot;viewOption in vm.genericOptions&quot;&gt;
    &lt;label for=&quot;{{viewOption.label}}&quot;&gt;{{viewOption.label}}&lt;/label&gt;
    &lt;select id=&quot;{{viewOption.label}}&quot;
        class=&quot;form-control&quot;
        ng-model=&quot;vm.config[viewOption.label]&quot;
        ng-options=&quot;v as k for (k,v) in viewOption.values&quot;
        ng-change=&quot;vm.optionChange(viewOption.label);&quot;&gt;&lt;/select&gt;
  &lt;/div&gt;
  &lt;div class=&quot;form-group col-md-12&quot;
      ng-repeat=&quot;viewOption in vm.viewerOptions&quot;&gt;
    &lt;label for=&quot;{{viewOption.label}}&quot;&gt;{{viewOption.label}}&lt;/label&gt;
    &lt;select id=&quot;{{viewOption.label}}&quot;
        class=&quot;form-control&quot;
        ng-model=&quot;vm.config[viewOption.label]&quot;
        ng-options=&quot;value for value in viewOption.values&quot;
        ng-change=&quot;vm.optionChange(viewOption.label);&quot;&gt;&lt;/select&gt;
  &lt;/div&gt;
&lt;/div&gt;
</code></pre>
<p>And lastly in the controller for the class I just have this object which has the template url in it:</p>
<pre><code>vm.popover = {
  template: '&lt;a href uib-popover-template=&quot;\'options-panel.html\'&quot; popover-placement=&quot;left&quot;&gt;&lt;/a&gt;'
};
</code></pre>
<p>I am not sure what I am missing but not even a popover will show let alone the one with my template in it. If I just do the ellipses (fa-icon) with <code>uib-popover=&quot;test&quot;</code> the popover will show with 'test' in it so I <strong>do</strong> have the uib dependency correctly installed.</p>