Skip to content

AngularJS Bootstrap Popover Tooltip Directive

keyurpatel edited this page Oct 18, 2014 · 1 revision

Welcome to the angularjs-bootstrap-popover wiki!

Creating popover using angularjs + bootstrap

This is reusabe directive for popover and tooltip made out of combination of angularjs and bootstrap. It has below functionality.

  • popover with close mechnism.
  • popover to act like tool tip.
  • bind mulitple event handlers. {hover|focus|click}
  • switch between content vs title.
  • bindable data for title and content.
  • parsing html tags using $compile service.

Installation: Download the js file and start using directive as attrtibute whereever required.

Customization:

  • popover-placement - to position the popover/tooltip {bottom | top | left | right}
  • popover-title - to set the title for the popover/tooltip
  • popover-trigger - to set the event {hover | click | manual | focus}
  • popover-content - to set the content for popover.