Angular UI popover in table (ng-repeat). Using popover-is-open, how can I prevent all popovers to open?

Viewed 2688

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?

3 Answers
Related