angular-tipped

An AngularJS directive for the Tipped tooltip library.
Homepage:
1 person uses it
Submitted by: 924465?v=2 boneskull

angular-tipped

An AngularJS directive for the Tipped tooltip library.

Installation

Dependencies

Usage

Require the decipher.tipped module:

Simple Tooltips

Use the directive:

This will create a Tipped tooltip that will show on hover after 1s and hide when you move your mouse out after 500ms. The value is interpolated. These defaults can be changed by injecting the tippedOptions constant:

Pass any options to Tipped (see the docs) via an object in the tipped directive itself:

Advanced Tooltips

The above is of course for a simple tooltip, but if you wish to do something more involved, you can pass a template URL to the directive:

The value of templateUrl is evaluated against the current scope, so you may pass it a string in single-quotes or an expression. There is no $watch on the expression as of this writing. The directive will look in the $templateCache here for something called my-template.html, and will/should avoid making the GET request to go grab it, if found. The template is compiled and linked against the current scope, so you can do basically anything you want within one of these tooltips.

Questions or comments to @boneskull

comments powered by Disqus
This page was last updated about 4 years ago.