title: ui.bootstrap popover close on click
body: <p>I have this popover with template</p>
  
  <pre><code>&lt;i class="fa fa-link" popover-placement="right" uib-popover-template="'newReferenceTemplate.html'" popover-title="New link"&gt; Add new external reference &lt;/i&gt;
  </code></pre>
  
  <p>So when I click on that link icon, a popover opens witht this tamplate</p>
  
  <pre><code>&lt;script type="text/ng-template" id="newReferenceTemplate.html"&gt;
    &lt;label&gt;Title&lt;/label&gt; &lt;br&gt;
    &lt;input ng-model="link.Title"&gt; &lt;br&gt;
    &lt;label&gt;Url&lt;/label&gt; &lt;br&gt;
    &lt;input ng-model="link.Url"&gt;&lt;br&gt;
    &lt;i class="fa fa-floppy-o" &gt; Save &lt;/i&gt;
  &lt;/script&gt;
  </code></pre>
  
  <p>When I press that 'floppy' icon, I'd like to close the popover. Are there any ways of doing this? </p>
  
  <p>All I can find <a href="https://angular-ui.github.io/bootstrap/#/popover" rel="noreferrer">on documentation</a> is the <code>popover-is-open</code> value, but I don't know if I can use this somehow, any thoughts?</p>