diff options
| author | Matias Niemelä | 2013-06-18 13:59:57 -0400 | 
|---|---|---|
| committer | Misko Hevery | 2013-07-26 23:49:54 -0700 | 
| commit | 81923f1e41560327f7de6e8fddfda0d2612658f3 (patch) | |
| tree | bbf8151bddf4d026f8f5fa3196b84a45ecd9c858 /src/loader.js | |
| parent | 11521a4cde689c2bd6aaa227b1f45cb3fb53725b (diff) | |
| download | angular.js-81923f1e41560327f7de6e8fddfda0d2612658f3.tar.bz2 | |
feat(ngAnimate): complete rewrite of animations
- ngAnimate directive is gone and was replaced with class based animations/transitions
- support for triggering animations on css class additions and removals
- done callback was added to all animation apis
- $animation and $animator where merged into a single $animate service with api:
  - $animate.enter(element, parent, after, done);
  - $animate.leave(element, done);
  - $animate.move(element, parent, after, done);
  - $animate.addClass(element, className, done);
  - $animate.removeClass(element, className, done);
BREAKING CHANGE: too many things changed, we'll write up a separate doc with migration instructions
Diffstat (limited to 'src/loader.js')
| -rw-r--r-- | src/loader.js | 28 | 
1 files changed, 17 insertions, 11 deletions
| diff --git a/src/loader.js b/src/loader.js index 712ff0f7..b28ccee2 100644 --- a/src/loader.js +++ b/src/loader.js @@ -173,24 +173,30 @@ function setupModuleLoader(window) {             * @param {Function} animationFactory Factory function for creating new instance of an animation.             * @description             * -           * Defines an animation hook that can be later used with {@link ng.directive:ngAnimate ngAnimate} -           * alongside {@link ng.directive:ngAnimate#Description common ng directives} as well as custom directives. +           * **NOTE**: animations are take effect only if the **ngAnimate** module is loaded. +           * +           * +           * Defines an animation hook that can be later used with {@link ngAnimate.$animate $animate} service and +           * directives that use this service. +           *             * <pre> -           * module.animation('animation-name', function($inject1, $inject2) { +           * module.animation('.animation-name', function($inject1, $inject2) {             *   return { -           *     //this gets called in preparation to setup an animation -           *     setup : function(element) { ... }, -           * -           *     //this gets called once the animation is run -           *     start : function(element, done, memo) { ... } +           *     eventName : function(element, done) { +           *       //code to run the animation +           *       //once complete, then run done() +           *       return function cancellationFunction(element) { +           *         //code to cancel the animation +           *       } +           *     }             *   }             * })             * </pre>             * -           * See {@link ng.$animationProvider#register $animationProvider.register()} and -           * {@link ng.directive:ngAnimate ngAnimate} for more information. +           * See {@link ngAnimate.$animateProvider#register $animateProvider.register()} and +           * {@link ngAnimate ngAnimate module} for more information.             */ -          animation: invokeLater('$animationProvider', 'register'), +          animation: invokeLater('$animateProvider', 'register'),            /**             * @ngdoc method | 
