angular bootstrap - Open Popover on mouse hover

app.component.html

<h4 style="padding-top:25px; padding-bottom:50px;">
  Angular Bootstrap - Open Popover on mouse hover
</h4>

<button 
  placement="end-top"
  triggers="mouseenter:mouseleave"
  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 Mouse Hover Example">
  Popover on mouse hover
</button>

More Angular tutorials

• angular - Loop through an array of objects
• angular - How to use nested loop
• angular - How to use Button click event
• angular - How to call function on Button click
• angular - How to toggle element visibility
• angular bootstrap - How to show an alert
• 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 - How to use Popover
• angular bootstrap - Open close Popover on button click
• angular bootstrap - Timepicker with meridian
• angular bootstrap - Timepicker without spinner
• angular bootstrap - Timepicker custom steps