Skip to content

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

License

Notifications You must be signed in to change notification settings

jeffling/angular-jl-tether

Repository files navigation

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

About

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

Resources

License

Stars

Watchers

Forks

Packages

No packages published