Quick and easy popovers
Basic Popovers.
HTML and bindings in popovers
Popovers can contain any arbitrary HTML, Angular bindings and even directives! Simply enclose desired content
in a
<template> element.
Custom and manual triggers
You can easily override open and close triggers by specifying event names (separated by
:) in the
triggers property.
Alternatively you can take full manual control over popover opening / closing events.
Append popover in the body
Set the
container property to "body" to have the popover be appended to the body instead of the triggering element's parent.
This option is useful if the element triggering the popover is inside an element that clips its contents (i.e.
overflow: hidden).
Context and manual triggers
You can optionally pass in a context when manually triggering a popover.
How would you like to greet me?
Popover visibility events
Popover is currently:
{{ popover.isOpen() ? 'open' : 'closed' }}