Add small overlay content, like those found in iOS, to any element for housing secondary information.
Use the focus
trigger to dismiss popovers on the next click that the user makes.
Popover content can contain any html template. Just create <template #myId>
with any
html allowed by Angular, and provide template ref (#myId
) as popover content.
By using small trick you can display any dynamic html, which you got from ajax request for example.
When you have some styles on a parent element that interfere with a popover, you’ll want to specify a container="body"
so that the popover’s HTML will be appended to body. This will help to avoid rendering problems in more complex components (like our input groups, button groups, etc) or inside elements with overflow: hidden