udenis / angular-jl-tether

Tether for Angular, so you can use it in directives declaratively

jl-tether (formerly ng-tether)

Tether wrapper for Angular, so you can use it in directives declaratively. Tether is included

Not to be mistaken for a very cool project called angular-tether that is in the process of implementing Tether in angular.

Install

bower install jl-tether or npm install jl-tether

Usage

Include jlTether as an angular module dependency, then

<div jl-tether jl-tether-options="{
    target: '.target',
    attachment: 'top left',
    targetAttachment: 'top right'
}"></div>

or

<div jl-tether 
 jl-tether-target=".target" 
 jl-tether-attachment="top left"
 jl-tether-target-attachment="top right"></div>

You can grab a reference to the Tether object if you want by passing a string into jl-tether.

<div jl-tether="ngTetherReference" 
 jl-tether-target=".target" 
 jl-tether-attachment="top left"
 jl-tether-target-attachment="top right"></div>

ngTetherReference will now be in $scope. You can do things like

<div ng-click="ngTetherReference.destroy()">kind of a button</div>

To destroy it.

You can see the Tether docs for a full list of options and api functions.

Building

npm run deps to get the dependencies
npm run dist to build
npm run watch to continuously build