title: Hiding uib popover on button click not working
body: <p>Anchor tag on  which html popover  </p>
  
  <pre><code>&lt;a popover-trigger="outsideClick" popover-placement="top" ng-click="sendMessagePopover.open()" type="button" popover-append-to-body="true" popover-is-open="sendMessagePopover.isOpen" uib-popover-template="sendMessagePopover.templateUrl"&gt;Menu&lt;/a&gt;
  </code></pre>
  
  <p>ng-Template that contains close button on which click popover should close.</p>
  
  <pre><code>&lt;script  type="text/ng-template" id="message-to-pnd-popover.tpl.html"&gt;
  &lt;div class="well"&gt;
      &lt;form name="myForm"  ng-controller="myController"&gt;
         &lt;div class="form-group"&gt;
              &lt;span class="btn btn-primary" ng-click="sendMessagePopover.close()"&gt;Close&lt;/span&gt;
          &lt;/div&gt;
      &lt;/form&gt;
  &lt;/div&gt;&lt;/script&gt;
  </code></pre>
  
  <p>angular controller code</p>
  
  <pre><code>angular.controller('myController',['$scope',function($scope){
  $scope.sendMessagePopover = {
              on: false,
              isOpen: false,
              templateUrl: 'message-to-pnd-popover.tpl.html',
              open: function() {
                  $scope.sendMessagePopover.isOpen = true;
              },
              close: function() {
                  $scope.sendMessagePopover.isOpen = false;
              }
          }]);
  </code></pre>
  
  <p>When we click on anchor link it popover the template and when we click outside anywhere it close the popover.</p>
  
  <p>I want to close the popover when user click on close button that i put in template.
  But it's  not working.</p>
  
  <p>I am new this technology, help out with proper example. </p>