0

我有一个想要制作动画的列表，但它不起作用。我正在使用 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;
}

我错过了什么吗？

4

1 回答 1

2

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 指令来定义“进入”、“离开”动画的前缀。您现在在 1.2.0+ 中拥有的是该指令不再存在，并且所有“进入”和“离开”动画始终使用“ng-leave”和“ng-enter”类。其他角度动画的命名相同。

于 2013-10-07T08:31:51.170 回答