title: angular ui-bootstrap popover template content and close button
body: <p>Using <code>ui-bootstrap</code> I can use a custom template for popover. However there are couple of issues I'm facing:</p>
  
  <p><strong>1 - close button</strong></p>
  
  <p>I can use <code>popover-is-open</code> to open and close. However I then need to keep track in a variable and if I have a page with 20 popovers (a big form) then it's not a good solution to have so many variables in the controller just to show and hide a popover on clicking close inside the template.</p>
  
  <p><strong>2 - content/data in popover</strong></p>
  
  <p>I can access data from the controller in the template for the content for the template but then I need to write 20 templates for 20 popovers.</p>
  
  <p>e.g. </p>
  
  <pre><code>$scope.popovers = {
  un: {visible: false, title: 'Help', content: 'some explanation here'},
  ts: {visible: false, title: 'another title', content: 'some explanation here again'}
  }
  </code></pre>
  
  <p>and then the template:</p>
  
  <pre><code>&lt;script type="text/ng-template" id="myPopoverTemplate.html"&gt;
      &lt;div&gt;
          &lt;a class="pull-right clickable" ng-click="popovers.un.visible = false"&gt;&lt;i class="fa fa-close"&gt;&lt;/i&gt;&lt;/a&gt;
          &lt;div class="tooltip-info__arrow"&gt;&lt;/div&gt;
          &lt;strong&gt;{{popovers.un.title}}&lt;/strong&gt;
          &lt;p&gt;{{popovers.un.content}}&lt;/p&gt;
      &lt;/div&gt;
  &lt;/script&gt;
  </code></pre>
  
  <p>and again:</p>
  
  <pre><code>&lt;script type="text/ng-template" id="myPopoverTemplate.html"&gt;
      &lt;div&gt;
          &lt;a class="pull-right clickable" ng-click="popovers.ts.visible = false"&gt;&lt;i class="fa fa-close"&gt;&lt;/i&gt;&lt;/a&gt;
          &lt;div class="tooltip-info__arrow"&gt;&lt;/div&gt;
          &lt;strong&gt;{{popovers.ts.title}}&lt;/strong&gt;
          &lt;p&gt;{{popovers.ts.content}}&lt;/p&gt;
      &lt;/div&gt;
  &lt;/script&gt;
  </code></pre>
  
  <p><strong>UPDATE:</strong>
  I tried to override using decorator but couldn't. Is there any built-in option to reduce this "repeativeness" or,,, how to override for custom behaviour?</p>