$animate.animate()

animate(element, from, to, [className], [options]);

Performs an inline animation on the element which applies the provided to and from CSS styles to the element. If any detected CSS transition, keyframe or JavaScript matches the provided className value, then the animation will take on the provided styles. For example, if a transition animation is set for the given classNamem, then the provided from and to styles will be applied alongside the given transition. If the CSS style provided in from does not have a corresponding style in to, the style in from is applied immediately, and no animation is run. If a JavaScript animation is detected then the provided styles will be given in as function parameters into the animate method (or as part of the options parameter):

ngModule.animation('.my-inline-animation', function() {
  return {
    animate : function(element, from, to, done, options) {
      //animation
      done();
    }
  }
});

Parameters

Param Type Details
element DOMElement

the element which the CSS styles will be applied to

from object

the from (starting) CSS styles that will be applied to the element and across the animation.

to object

the to (destination) CSS styles that will be applied to the element and across the animation.

className
(optional)
string

an optional CSS class that will be applied to the element for the duration of the animation. If this value is left as empty then a CSS class of ng-inline-animate will be applied to the element. (Note that if no animation is detected then this value will not be applied to the element.)

options
(optional)
object

an optional collection of options/styles that will be applied to the element

Returns

Promise

the animation callback promise

doc_AngularJS
2016-03-29 16:10:05
Comments
Leave a Comment

Please login to continue.