AngularJS ng-show의 애니메이션

ng-show 요소를 표시하거나 숨길 때 애니메이션으로 만들려고합니다. 하지만 정상적인 ng-show, instand show/hide처럼 작동합니다.AngularJS ng-show의 애니메이션

이 예제를 발견 : http://jsfiddle.net/Kx4TS/1/ 잘 작동합니다.

아직 동일한 ng-animate 속성과 동일한 CSS를 사용하면 내 경우에는 작동하지 않습니다. 내가해야 할 일이나 애니메이션이 작동하지 않는 경우가 있습니까?

<div style="" ng-show="item.hasMax()" 
    class="box" ng-animate="{show: 'fadeIn', hide:'fadeOut'}">

을하고, CSS는 다음과 같습니다 :

내 코드는 다음과 같습니다 또한

.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; 
    }

, 그것은 JQuery와 slideDown/slideUp 애니메이션처럼 NG-애니메이션 물건을 할 수 있도록 할 수 있습니까?

출처

2013-07-04 Roger Johansson

왜 'item.hasMax()'입니까? 'item'은 어디에 정의되어 있습니까? – zsong