HTML and bindings in popovers
Popovers can contain any arbitrary HTML, Angular bindings and even directives! Simply enclose desired content or title in a
Custom and manual triggers
You can easily override open and close triggers by specifying event names (separated by
:) in the
triggers property. You may pass multiple triggers; separate them with a space.
Alternatively you can take full manual control over popover opening / closing events.
Automatic closing with keyboard and mouse
As for some other popup-based widgets, you can set the popover to close automatically upon some events.
In the following examples, they will all close on
Escape as well as:
- click inside:
- click outside:
- all clicks:
Context and manual triggers
You can optionally pass in a context when manually triggering a popover.
Open and close delays
When using non-manual triggers, you can control the delay to open and close the popover through the
closeDelay properties. Note that the
autoClose feature does not use the close delay, it closes the popover immediately.
Popover visibility events
- Popover is currently:
- Last shown at:
- Last hidden at:
Popover with custom class
You can optionally pass in a custom class via