不确定最好的表达方式,但我正在尝试复制类似于Tinder的内容。用户界面的视频演示在这里:http ://www.youtube.com/watch?v=cdechGTbQfY
这是我到目前为止所拥有的 Plunker:http ://plnkr.co/edit/zzb143PeO7QgnyKijFmG?p=preview
它工作得很好(想象一下.next
div 位于 div 下方.current
,我只是将它们设置为这样,这样我就可以看到发生了什么)。
但是,它缺少两件事:
- 当'当前' div 被删除时,它应该通过 ng-animate 滑开。目前数据完全消失,然后重新出现在新位置
- (我想)
.current
div 需要先动画化,然后.next
div 需要成为.current
div,然后需要将数组中的下一项arr
加载到.next
我对 Angular 不是很精通,所以不确定解决这个问题的最佳方法,我也无法在网上找到任何类似的示例。关于如何为 Angular 实现类似卡片的 ui 的任何想法?