Angularjs 使用ng repeat设置添加/删除项目的动画

Angularjs 使用ng repeat设置添加/删除项目的动画,angularjs,Angularjs,在添加和删除项目时,我想在中向上/向下滑动项目 我遵循了angular文档,并尝试使用一个简单的基于js钩子(而不是基于css钩子)的解决方案,该解决方案使用以下角度动画: app.animation('.slide', function () { return { enter: function (element, done) { console.log('enter'); element.slideDown(200, don

在添加和删除项目时,我想在
中向上/向下滑动项目

我遵循了angular文档,并尝试使用一个简单的基于js钩子(而不是基于css钩子)的解决方案,该解决方案使用以下角度动画:

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);
        }
    };
});
但是,这在向上滑动时不起作用,只在向下滑动时起作用。我在这里重新创建了一个plunkr:

有什么想法吗?

适用于隐藏项,而
slideUp
正好相反

因此,在滑下之前,您必须先隐藏

element.hide().slideDown(200, done);
检查更新的