I have a table where there are many popovers, using ng-repeat. The code looks like this:
<td>
<button uib-popover-template="dynamicPopover.templateUrl" type="button" class="btn btn-primary" popover-placement="left" popover-is-open="myPopover.isOpen" ng-click="myPopover.open()">Examples</button>
</td>
In my controller I have this:
$scope.myPopover = {
isOpen: false,
open: function open() {
$scope.myPopover.isOpen = true;
},
close: function close() {
$scope.myPopover.isOpen = false;
}
};
When I now press the "Examples" button I open all the popovers in the table. How can I prevnent that and ONLY open/close the popover attached to the button I pressed?