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);
检查更新的