From 81923f1e41560327f7de6e8fddfda0d2612658f3 Mon Sep 17 00:00:00 2001
From: Matias Niemelä
Date: Tue, 18 Jun 2013 13:59:57 -0400
Subject: 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
---
docs/src/ngdoc.js | 67 +++++++++++--------------------------------------------
1 file changed, 13 insertions(+), 54 deletions(-)
(limited to 'docs/src/ngdoc.js')
diff --git a/docs/src/ngdoc.js b/docs/src/ngdoc.js
index 394510c5..eb26bbf2 100644
--- a/docs/src/ngdoc.js
+++ b/docs/src/ngdoc.js
@@ -494,6 +494,19 @@ Doc.prototype = {
html_usage_parameters: function(dom) {
var self = this;
var params = this.param ? this.param : [];
+ if(this.animations) {
+ dom.h('Animations', this.animations, function(animations){
+ dom.html('
');
+ var animations = animations.split("\n");
+ animations.forEach(function(ani) {
+ dom.html('- ');
+ dom.text(ani);
+ dom.html('
');
+ });
+ dom.html('
');
+ });
+ dom.html('Click here to learn more about the steps involved in the animation.');
+ }
if(params.length > 0) {
dom.html('Parameters
');
dom.html('');
@@ -538,18 +551,6 @@ Doc.prototype = {
dom.html('');
dom.html('
');
}
- if(this.animations) {
- dom.h('Animations', this.animations, function(animations){
- dom.html('');
- var animations = animations.split("\n");
- animations.forEach(function(ani) {
- dom.html('- ');
- dom.text(ani);
- dom.html('
');
- });
- dom.html('
');
- });
- }
},
html_usage_returns: function(dom) {
@@ -665,48 +666,6 @@ Doc.prototype = {
dom.text('' + element + '>');
});
}
- if(self.animations) {
- var animations = [], matches = self.animations.split("\n");
- matches.forEach(function(ani) {
- var name = ani.match(/^\s*(.+?)\s*-/)[1];
- animations.push(name);
- });
-
- dom.html('with animations');
- var comment;
- if(animations.length == 1) {
- comment = 'The ' + animations[0] + ' animation is supported';
- }
- else {
- var rhs = animations[animations.length-1];
- var lhs = '';
- for(var i=0;i0) {
- lhs += ', ';
- }
- lhs += animations[i];
- }
- comment = 'The ' + lhs + ' and ' + rhs + ' animations are supported';
- }
- var element = self.element || 'ANY';
- dom.code(function() {
- dom.text('//' + comment + "\n");
- dom.text('<' + element + ' ');
- dom.text(dashCase(self.shortName));
- renderParams('\n ', '="', '"', true);
- dom.text(' ng-animate="{');
- animations.forEach(function(ani, index) {
- if (index) {
- dom.text(', ');
- }
- dom.text(ani + ': \'' + ani + '-animation\'');
- });
- dom.text('}">\n ...\n');
- dom.text('' + element + '>');
- });
-
- dom.html('Click here to learn more about the steps involved in the animation.');
- }
}
self.html_usage_directiveInfo(dom);
self.html_usage_parameters(dom);
--
cgit v1.2.3