How to extend the angular-ui/bootstrap popover directive with your functionality?

Question

Angular

In popover I need to add a button that will close this popover. I figured out the template, added the button. But how to expand the directive with a new method for closing and hanging an event - that's the problem.
If there is an example / solution - I will be very grateful.
Thank you!

Answer 1

Attach a directive to a button.
Specify the popover directive in the require directive.
In the link function, call the controller method of the popover directive.
// EDIT
Well, then in this directive you need to find the parent and call the desired event.
If working with bootstrap, I'd better do my light directive.
This ui-bootstrap is not a cake at all, to be honest.