Angular UI Bootstrap Popover - How add a close button

Question

I\'ve a table with a popover for every cell as in the follow example:

the call to popover:

Answer 1

This solution for several ng-repeat popovers via isOpen field of popover's scope.

angular.module('ui.bootstrap.demo', ['ui.bootstrap']).controller('PopoverDemoCtrl', function ($scope) {  
  $scope.template = 'myPopoverTemplate.html';
  $scope.close = function(e) {    
    angular.element(e.target).parent().parent().parent().parent().scope().$parent.isOpen = false;
  }
});

    {{item}}