Skip to content
Simple AngularJS directive to create popovers
JavaScript CSS
Branch: master
Clone or download
Latest commit 8245881 Aug 31, 2016
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
build
dist
docs
src
.gitignore
README.md
bower.json
gulpfile.js
package.json

README.md

angular-easy-popover

This directive easily turns possible to create popovers associated with any kind of DOM elements.

Installation

  1. Be sure that AngulsJS 1.x and jQuery are imported.
  2. Set angular-easy-popover as a dependencie of your AngularJS module.
  3. Add a script tag pointing to dist/angular-easy-popover.min.js or dist/angular-easy-popover.js and a link tag pointing dist/angular-easy-popover.min.css or dist/angular-easy-popover.css to your index.html.

Usage

thr-popover directive should be associated to DOM elements, as it positioning depends of this associated element. That said, use thr-popover as bellow:

<i id="gear-icon" class="fa fa-cog fa-lg"></i>
<thr-popover bind-to="#gear-icon">
    popover content
</thr-popover>

The previous example has a thr-popover bound to an icon, so although the popover starts closed, it will be opened after a click on the icon. An example can be found in https://thr0wn.github.io/angular-easy-popover/

You can’t perform that action at this time.