小编Rya*_*yan的帖子

我正在尝试使用新的ng-animate指令,并且在与ng-repeat一起使用时,我正在努力获得所需的效果.我试图让物品在进入时生长,并在离开时收缩.到目前为止,输入正在运行,但缩小动画失败了.

我在这里设置了一个小提琴,所以你可以看到我的问题: -

http://jsfiddle.net/rpk98c/6t42M/1/

相关的HTML是: -

<ul>
    <li ng-animate="{enter: 'repeat-enter',
                    leave: 'repeat-leave',
                    move: 'repeat-move'}" ng-click="remove($index)" ng-repeat="name in names">{{name}}</li>
</ul>

和相关的CSS: -

.repeat-enter-setup, .repeat-leave-setup, .repeat-move-setup {
-webkit-transition:all linear 1s;
-moz-transition:all linear 1s;
-ms-transition:all linear 1s;
-o-transition:all linear 1s;
transition:all linear 1s;
}

.repeat-enter-setup {
    max-height: 0;
    opacity:0;
}
.repeat-enter-setup.repeat-enter-start {
    max-height: 250px;
    opacity:1;
}
.repeat-leave-setup {
    opacity:1;
    max-height: 250px;
}
.repeat-leave-setup.repeat-leave-start {
    opacity:0;
    max-height: 0;
}

谁知道我哪里出错了？

谢谢,

瑞安

ps刚刚在IE 10中注意到没有动画工作!我现在正在使用Chrome进行测试