Move a section of the DOM and inherit the scope of the target node.
npm install ng-teleport
|3||downloads in the last month|
|Version||0.1.2 last updated 2 months ago|
|Dependencies||grunt, grunt-contrib-uglify, grunt-contrib-jshint, grunt-contrib-concat|
All in all,
ngTeleport has similar functionality to
ngTeleport allows you to uproot a piece of the DOM and place it elsewhere. However,
ngTeleport is entirely Angular.js aware and therefore sets up the scope and interpolation for you.
First of all you need to define the
ng-teleport attribute with a unique identifier for the scope on any DOM element you wish to teleport – this allows
ngTeleport to take a note of the precompiled HTML. Once you've defined the
ng-teleport you're free to move it around wherever you wish. Simply add
teleport to your directive, and invoke it with the
source (DOM node with the
target, and any additional options.
<section ng-teleport="myElement"> </section>
With the above code
section is now all ready to be teleported anywhere in the DOM where there is a valid Angular scope.
||Instead of removing the source DOM it instead creates a copy of it.|
||Retain the original scope of the node even though it's a child of another scope – not recommended due to complexity).|
||Can either be