ng-animate не работает с ng-show в angularjs 1.1.5

Question

Я тестировал анимацию в последней версии 1.1.5 angularJS, и кажется, что она не работает должным образом. пожалуйста, проверьте этот Fiddle

Html:

<div ng-app> 
    <div ng-controller='ctrl'> 
     <input type='button' value='click' ng-click='clicked()' /> 
     <div ng-show="foo == true" class='myDiv' ng-animate="{show: 'fadeIn', hide:'fadeOut'}"> 

     </div> 

    </div> 
</div> 

CSS:

.myDiv{ 
    width:400px; 
    height:200px; 
    background-color:red; 
} 
.fadeIn-setup, .fadeOut-setup { 
    -webkit-transition: 1s linear opacity; 
    -moz-transition: 1s linear opacity; 
    -o-transition: 1s linear opacity; 
    transition: 1s linear opacity; 
} 
.fadeIn-setup{ 
    opacity:0; 
} 
.fadeOut-setup{ 
    opacity:1; 
} 
.fadeIn-setup.fadeIn-start { 
    opacity: 1; 
} 
.fadeOut-setup.fadeOut-start{ 
    opacity:0; 
} 

AngularJS:

function ctrl($scope){ 
    $scope.foo = false; 
    $scope.clicked = function(){ 
     $scope.foo = !($scope.foo); 
    } 
} 

Однако, когда я вернусь к версии 1.1.4, он работает нормально, но с другой ошибкой, которая, по их словам, была исправлена ​​в версии 1.1.5. теперь это запутывает. они исправили предыдущую ошибку с более новой? в любом случае, любая помощь будет оценена по достоинству.

Answer 1

поэтому после нескольких часов рокировки я нашел решение, все документы устарели и не обновлены до новейшего API. Вот решение:

https://github.com/angular/angular.js/commit/11f712bc

в соответствии с изменениями войти:

 
The CSS transition classes have changed suffixes. To migrate rename: 
.foo-setup {...} to .foo {...} 
.foo-start {...} to .foo-active {...} 

or for type: enter, leave, move, show, hide: 
.foo-type-setup {...} to .foo-type {...} 
.foo-type-start {...} to .foo-type-active {...}