fix($animate): permit class-based animations for leave operations if ngAnimateChildren is enabled

Prior to this fix, $animate.leave placed a disabled animation on the element
which prevented ngAnimateChildren from properly working. This patch now
addresses that issue.

Closes #8092

Author: matsko

src/ngAnimate/animate.js

@@ -826,7 +826,6 @@ angular.module('ngAnimate', ['ng'])
 
           cancelChildAnimations(element);
           classBasedAnimationsBlocked(element, true);
-          this.enabled(false, element);
           return runAnimationPostDigest(function(done) {
             return performAnimation('leave', 'ng-leave', stripCommentsFromElement(element), null, null, function() {
               $delegate.leave(element);
@@ -1350,7 +1349,7 @@ angular.module('ngAnimate', ['ng'])
           //the element did not reach the root element which means that it
           //is not apart of the DOM. Therefore there is no reason to do
           //any animations on it
-          if (parentElement.length === 0) break;
+          if (parentElement.length === 0) { break; };
 
           var isRoot = isMatchingElement(parentElement, $rootElement);
           var state = isRoot ? rootAnimateState : (parentElement.data(NG_ANIMATE_STATE) || {});

test/ngAnimate/animateSpec.js

@@ -4820,6 +4820,62 @@ describe("ngAnimate", function() {
         expect(spy).toHaveBeenCalled();
         expect(spy.callCount).toBe(1);
       }));
+
+      it('should permit class-based animations when ng-animate-children is true for a structural animation', function() {
+          var spy = jasmine.createSpy();
+
+          module(function($animateProvider) {
+            $animateProvider.register('.inner', function() {
+              return {
+                beforeAddClass : function(element, className, done) {
+                  spy();
+                  done();
+                },
+                beforeRemoveClass : function(element, className, done) {
+                  spy();
+                  done();
+                }
+              };
+            });
+          });
+
+          inject(function($animate, $sniffer, $rootScope, $compile) {
+
+          $animate.enabled(true);
+
+          var html = '<div ng-animate-children>' +
+                     '  <div class="inner" ng-class="{animate:bool}">...</div>' +
+                     '</div>';
+
+          var element = angular.element(html);
+          $compile(element)($rootScope);
+          var body = angular.element($document[0].body);
+          body.append($rootElement);
+
+          $rootScope.$watch('bool', function(bool) {
+            if (bool) {
+              $animate.enter(element, $rootElement);
+            } else if(element.parent().length) {
+              $animate.leave(element);
+            }
+          });
+
+          $rootScope.$digest();
+          expect(spy.callCount).toBe(0);
+
+          $rootScope.bool = true;
+          $rootScope.$digest();
+          $animate.triggerReflow();
+          $animate.triggerCallbacks();
+          expect(spy.callCount).toBe(1);
+
+          $rootScope.bool = false;
+          $rootScope.$digest();
+          $animate.triggerReflow();
+          $animate.triggerCallbacks();
+          expect(spy.callCount).toBe(2);
+        });
+      });
     });
 
     describe('SVG', function() {