我花了最后5个小时试图让这个动画没有运气。我想在用户点击一个按钮时创建一个很酷的动画，想法是在翻转动画中显示一个ul元素列表，就像http://lab.hakim.se/scroll-effects/mobile.html正在做的那样（如果你选择了从齿轮图标翻转的话）并将chrome设备模式更改为移动设备。）
我正在使用ngAnimate以及Angular和Ionic，我在这里创建了片段http://play.ionic.io/app/4ae65754fc64（尝试单击“添加到购物车”按钮）。我想显示每个li项目，就好像它们是翻转和级联，只要它们显示。出于某种原因，所有被归类的动画都被忽略了。
答案 0 :(得分：1)
好吧，我认为我实现了你想要实现的目标。我在下面为你提供了两个演示。
但首先，在AngularJS＆gt; = 1.2中不再支持ng-animate指令。对于基于ng-show的动画，你必须使用ng-hide-add，ng-hide-remove CSS类而不是ngRepeat文档中描述的CSS类。
离子演示（下面的第一个链接）基本上只是代码的模型，无论如何都不是完美的。
codepen演示是一个更加修改的示例和通用示例。我使用<ion-list>和<ion-item>代替<ul>和<li>。
希望在实施最终解决方案时，这可以帮助您找到正确的方向。
离子演示：http://play.ionic.io/app/3c0e90238fe8
Codepen演示（更通用）：http://codepen.io/thepio/pen/KMPeZo