angular bootstrap - How to use Popover

app.component.html

<h4 style="padding-top:25px; padding-bottom:100px;">
  Angular Bootstrap - How to use Popover
</h4>

<button 
  placement="end"
  ngbPopover="Lorem ipsum dolor sit amet,
    consectetur adipiscing elit.
    Vivamus eget sodales justo.
    Donec eu condimentum nibh, eu congue mi.
    Phasellus malesuada ipsum sit amet faucibus placerat." 
  popoverTitle="Popover on end">
  Popover on end
</button>

More Angular tutorials

• angular - How to use ternary operator
• angular - How to generate random number
• angular - How to toggle element visibility
• angular bootstrap - How to show an alert
• angular bootstrap - How to use Collapse
• angular bootstrap - How to use Rating
• angular bootstrap - How to use Progressbar
• angular bootstrap - Show text inside Progressbar
• angular bootstrap - Show custom label in Progressbar
• angular bootstrap - How to change Progressbar height
• angular bootstrap - Open Popover on mouse hover
• angular bootstrap - Open close Popover on button click
• angular bootstrap - Popover manual triggers
• angular bootstrap - Popover custom CSS class
• angular bootstrap - Popover shown & hidden event