Angular $ animate - ng-enter와 ng-leave 사이의 지연 - 이유를 모르시겠습니까?

Question

누군가가 이것을 살펴볼 수 있다면 정말 감사 할 것입니다. 그것은 angular.enter와 angular.leave를 사용하는 매우 간단한 앵귤러 슬라이드 쇼이지만, ng-enter와 ng-leave 사이에는 지연이 없어서 제거 할 수 없습니다. ng-enter가 들어가기 전에 ng-finish가 끝나야하지만 두 애니메이션이 동시에 발생하기를 바랍니다.

http://plnkr.co/edit/fqJOYxcSR2wO5g7LPQNy?p=preview

JS :

var myApp = angular.module('myApp', ['ngAnimate']); 

myApp.controller('sCtrl', function($scope) {$scope.clicks = 0}); 

myApp.directive('slidesDirective', function ($animate) { 
    return function (scope, element, attr) { 

      // Sets up and animates the first slide 
      var e1 = angular.element('<div class="slide"><br>Odd Slide<p>Click Me</p></div>'); 
      var e2 = angular.element('<div class="slide"><br>Even Slide<p>Click Me</p></div>'); 

      $animate.enter(e1, element); 

      // Checks if the click counter value has changed. 
      scope.$watch('clicks', function(val) { 

       if (val) { 

       if (val % 2 === 0) { 

        $animate.leave(e2); 
        $animate.enter(e1, element); 

        } else { 
        $animate.leave(e1) 
        $animate.enter(e2, element); 

        } 
       } 
      }) 
    }; 
}); 

HTML : 당신이 요구하는지 내가 생각 달성하기 위해 애니메이션 CSS를 조금 변경했습니다

<div ng-click="clicks = clicks + 1" class="slides" slides-directive></div> 

Answer 1

. 애니메이션을 설명하기 위해 DIV를 초록색으로 만들었습니다.

http://plnkr.co/edit/MED5NRJLiBfEaeuCNl3L?p=preview

이 당신이 찾고 있던 무슨 수없는 경우 알려주세요.