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以上版本中已經有了這個指令，所有的'enter'和'leave'動畫都使用ng-leave和ng-enter類。和其他角動畫相同的命名。