For more info please check the components's official demos & documentation demos & documentation

Popovers can contain any arbitrary HTML, Angular bindings and even directives! Simply enclose desired content in a `<ng-template>` element.

Hello, {{ name }}!

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.

{{ greeting }}, {{ name1 }}!

How would you like to greet me?

Popover is currently: `{{ 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`).