草庐IT

TransitionGroupItemDirective

全部标签

javascript - 如何使用 Angular 的 ngFor 实现项目重新排序/随机播放动画?

Vue用户很容易实现这样的itemshuffle动画,查看他们的官方文档:我搜索了很多,但找不到适合Angular用户的解决方案。ngFor似乎在洗牌时切换项目内容而不是移动项目。这是我的演示:http://embed.plnkr.co/3IcKcC/当您点击shift时,由于li{transform:all1s;},您应该会看到项目移动动画。但是当你洗牌时,没有动画。所以我在这里寻求解决方案。 最佳答案 这是此类功能的简单实现PlunkerExample1)构建指令@Directive({selector:'[transition