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

何か不足していますか？