Popovers can contain any arbitrary HTML, Angular bindings and even
directives! Simply enclose desired content in a
<ng-template> element.
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.
You can optionally pass in a context when manually triggering a popover.
How would you like to greet me?
{{ popover.isOpen() ? "open" : "closed" }}
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).