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 /docs/components/angular-bootstrap | |
| 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 'docs/components/angular-bootstrap')
| -rw-r--r-- | docs/components/angular-bootstrap/bootstrap-prettify.js | 5 | ||||
| -rw-r--r-- | docs/components/angular-bootstrap/bootstrap.js | 9 | 
2 files changed, 7 insertions, 7 deletions
| diff --git a/docs/components/angular-bootstrap/bootstrap-prettify.js b/docs/components/angular-bootstrap/bootstrap-prettify.js index ad5340e5..fa40c6e7 100644 --- a/docs/components/angular-bootstrap/bootstrap-prettify.js +++ b/docs/components/angular-bootstrap/bootstrap-prettify.js @@ -183,8 +183,8 @@ directive.ngEvalJavascript = ['getEmbeddedTemplate', function(getEmbeddedTemplat  }]; -directive.ngEmbedApp = ['$templateCache', '$browser', '$rootScope', '$location', '$sniffer', -                function($templateCache,   $browser,  docsRootScope, $location,   $sniffer) { +directive.ngEmbedApp = ['$templateCache', '$browser', '$rootScope', '$location', '$sniffer', '$animate', +                function($templateCache,   $browser,  docsRootScope, $location,   $sniffer, $animate) {    return {      terminal: true,      link: function(scope, element, attrs) { @@ -193,6 +193,7 @@ directive.ngEmbedApp = ['$templateCache', '$browser', '$rootScope', '$location',            deregisterEmbedRootScope;        modules.push(['$provide', function($provide) { +        $provide.value('$animate', $animate);          $provide.value('$templateCache', $templateCache);          $provide.value('$anchorScroll', angular.noop);          $provide.value('$browser', $browser); diff --git a/docs/components/angular-bootstrap/bootstrap.js b/docs/components/angular-bootstrap/bootstrap.js index 170e8805..20a5741d 100644 --- a/docs/components/angular-bootstrap/bootstrap.js +++ b/docs/components/angular-bootstrap/bootstrap.js @@ -335,12 +335,11 @@ directive.tabPane = function() {    };  }; -directive.foldout = ['$http', '$animator','$window', function($http, $animator, $window) { +directive.foldout = ['$http', '$animate','$window', function($http, $animate, $window) {    return {      restrict: 'A',      priority : 500,      link: function(scope, element, attrs) { -      var animator = $animator(scope, { ngAnimate: "'foldout'" });        var container, loading, url = attrs.url;        if(/\/build\//.test($window.location.href)) {          url = '/build/docs' + url; @@ -353,7 +352,7 @@ directive.foldout = ['$http', '$animator','$window', function($http, $animator,              loading = true;              var par = element.parent();              container = angular.element('<div class="foldout">loading...</div>'); -            animator.enter(container, null, par); +            $animate.enter(container, null, par);              $http.get(url, { cache : true }).success(function(html) {                loading = false; @@ -367,12 +366,12 @@ directive.foldout = ['$http', '$animator','$window', function($http, $animator,                //avoid showing the element if the user has already closed it                if(container.css('display') == 'block') {                  container.css('display','none'); -                animator.show(container); +                $animate.show(container);                }              });            }            else { -            container.css('display') == 'none' ? animator.show(container) : animator.hide(container); +            container.hasClass('ng-hide') ? $animate.show(container) : $animate.hide(container);            }          });        }); | 
