AngularJS 애니메이션이 작동하지 않습니다.

Question

애니메이션이되고 싶지만 작동하지 않는 목록이 있습니다. 나는 angularjs 1.2.0 rc1과 rc2를 동시에 사용하고 있습니다 (테스트에는 동시에 사용하지 않습니다).

<ul class="list-group"> 
    <li class="list-group-item" ng-repeat="object in logstoreList" ng-animate="'demo'"> 
     <a ui-sref="logstores.takelist({log : object.logstore})" ng-switch="object.subfolder"> 
      <span ng-switch-when="true" class="badge">-</span> 
      <span ng-switch-default class="badge">+</span> 
     {{object.extname}} 
     </a> 
    </li> 
</ul> 

와 CSS-내용 :

.demo-enter { 
    -webkit-transition: all 1s linear; 
    transition: all 1s linear; 
    background: #000; 
} 

.demo-enter.demo-enter-active { 
    background: #fc3; 
} 

내가 뭔가를 놓치고 있습니까

여기 내 목록입니까?

Answer 1

ng-animate는 1.2.0에서 더 이상 사용되지 않습니다.

여기를보세요 : http://www.johnpapa.net/preparing-for-animations-in-angular-1-2-0

편집 정교 :

는

당신이 코드는 1.1.4/1.1.5에서 잘 작동합니다.

1.1.4/1.1.5에서 ng-animate 지시어를 사용하여 'enter', 'leave'애니메이션에 대한 접두사를 정의 할 수 있습니다. 이제 1.2.0 이상에서는이 지시어가 더 이상 존재하지 않으며 모든 '입력'및 '종료'애니메이션은 항상 'ng-leave'및 'ng-enter'클래스를 사용합니다. 다른 각진 애니메이션의 경우에도 동일한 이름이 사용됩니다.