Skip to content

Instantly share code, notes, and snippets.

@sdgluck

sdgluck/angular.element.doAnim.js

Last active June 3, 2017 09:30
Download ZIP

Revisions

  1. sdgluck renamed this gist Jan 12, 2015. 1 changed file with 0 additions and 0 deletions.
    0 angular.element.doanim.js → angular.element.doAnim.js
    View file
    File renamed without changes.
  2. sdgluck renamed this gist Jan 12, 2015. 1 changed file with 0 additions and 0 deletions.
    0 doanim → angular.element.doanim.js
    View file
    File renamed without changes.
  3. sdgluck renamed this gist Jan 12, 2015. 1 changed file with 0 additions and 0 deletions.
    0 gistfile1.txt → doanim
    View file
    File renamed without changes.
  4. sdgluck revised this gist Jan 12, 2015. 1 changed file with 1 addition and 2 deletions.
    3 changes: 1 addition & 2 deletions gistfile1.txt
    View file
    Original file line number Diff line number Diff line change
    @@ -1,6 +1,5 @@
    /**
    * Invoke a CSS animation on `this` angular.element instance. Wait for the animation to complete and then
    * remove the class from the element so it can be repeated in the future by calling this function again.
    * Invoke a CSS animation on `this` angular.element instance.
    * @param className classname of animation to invoke on `this` element
    * @param delay delay before animation is invoked
    * @param done callback
  5. sdgluck revised this gist Jan 12, 2015. No changes.
  6. sdgluck created this gist Jan 12, 2015.
    17 changes: 17 additions & 0 deletions gistfile1.txt
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,17 @@
    /**
    * Invoke a CSS animation on `this` angular.element instance. Wait for the animation to complete and then
    * remove the class from the element so it can be repeated in the future by calling this function again.
    * @param className classname of animation to invoke on `this` element
    * @param delay delay before animation is invoked
    * @param done callback
    */
    angular.element.prototype.doAnim = function(className, delay, done, doneDelay) {
    done = (typeof delay === 'function') ? delay : done;
    $timeout(function() {
    this.removeClass(className);
    $timeout(function() {
    this.addClass(className);
    $timeout(done, doneDelay || 0);
    }.bind(this), 100);
    }.bind(this), delay || 0);
    };