如何在Angular 2中动画列表重新排序

时间:2017-07-28 18:09:17

标签: angular angular-animations

我有一个通过Observable绑定到数组的项目列表。我的应用程序有一个动作效果,其中列表中的其中一个项获得属性更改,从而导致它被重新排序到数组的末尾(当前在代码中使用数组上的fullblown .sort()实现)。

我想要的是能够通过从位置X移动来实际使其看起来像视觉列表中的项目从其起始位置(在数组中)动画到其新位置(在列表的末尾)到位置Y。

Angular动画可以实现吗?我非常愿意停止使用Array.sort()并通过splice()调用以编程方式移动项目。

1 个答案:

答案 0 :(得分:-1)

我不知道这是否仍然相关。但是这个插件应该通过一些配置来实现。

https://isotope.metafizzy.co/