ng-show 지시문이있는 ang-ng-animate 지시문

Question

ng-show 지시문을 사용하여 ng-animate를 가져올 수 없습니다. 여기에 JSBin 단순화 된 예는 다음과 같습니다 내 CSS 클래스 .show - 애니메이션 - 설치 및 .show - 애니메이션 시작이 작동하지 않는 몇 가지 이유를 들어

http://jsbin.com/uquzal/1/edit

. 어떤 아이디어? 감사!

Answer 1

AngularJS 버전 1.1.4 이상을 실행해야하며 1.1.5가 최신 버전이어야합니다. 또한 다른 CSS 규칙 집합을 사용해야합니다. 첫 번째 릴리스 이후로 변경되었습니다.

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.1.5/angular.min.js"></script> 

을 그리고 활성 애니메이션 설정을위한 .show-animation 및 .show-animation.show-animation.active를 사용하도록 CSS 규칙을 변경 :

Updated jsbin

1.1.5를 가리 키도록 HTML을 수정

.show-animation { 
    background-color:red; 
    -webkit-transition:all linear 0.5s; 
    -moz-transition:all linear 0.5s; 
    -ms-transition:all linear 0.5s; 
    -o-transition:all linear 0.5s; 
    transition:all linear 0.5s; 
    opacity: 0; 
} 

.show-animation.show-animation-active { 
    background: blue; 
    opacity: 1; 
} 

또한 Firefox에서 테스트하는 경우 애니메이션이 일관성없이 적용되는 버그가 있음을 발견했습니다. 이미 트렁크에 고정되어 있지만 릴리스 지점에서는 아직 사용 가능하지 않다고 생각합니다.