使用ng-repeat动画添加/删除项目

Question

我希望在<UL>中添加和删除项目时向上/向下滑动项目。

我遵循了角度文档here，并尝试使用一个简单的基于js-hook（而不是基于css-hook）的解决方案，它使用了这个角度动画：

app.animation('.slide', function () {
    return {
        enter: function (element, done) {
          console.log('enter');
            element.slideDown(200, done);
        },
        move: function(element, done) {
            console.log('move');
            element.slideUp(200, done);
        },
        leave: function(element, done) {
            console.log('leave');
            element.slideUp(200, done);
        }
    };
});

但是，这在滑动时不起作用，仅在滑下时。我在这里重新扮演了一个傻瓜：

http://plnkr.co/edit/9X0apgxKbqMBKbQmmY6Z?p=preview

有什么想法吗？

Answer 1

slideDown适用于隐藏项目，slideUp适用于它。

所以在slideDown之前你必须先隐藏

element.hide().slideDown(200, done);

检查更新后的plunker