【问题标题】:How to Animate List Reordering in Angular 2如何在 Angular 2 中动画列表重新排序
【发布时间】:2018-01-27 01:56:23
【问题描述】:

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

我希望能够通过从位置 X 移动,使其看起来像可视列表中的项目从其起始位置(在数组中)动画到其新位置(在列表末尾)到位置 Y。

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

【问题讨论】:

标签: angular angular-animations


【解决方案1】:

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

https://isotope.metafizzy.co/

【讨论】:

    猜你喜欢
    • 2017-02-04
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-12-28
    • 1970-01-01
    • 2017-05-04
    • 1970-01-01
    • 2013-09-02
    相关资源
    最近更新 更多